Background Color CSS Generator

Generate Background Color CSS

If you'd like to quickly add a background to your web page, one common way is to add a background color. The CSS for this is provided beside the generated color above. You can copy the background by clicking the Copy button, and the corresponding CSS will be copied to your clipboard.

You can also preview the example by clicking on the background color, and it will display full-screen.

This generator can be useful if you'd like to quickly generate background color inspiration (along with its corresponding CSS) for your web apps, websites and landing pages. If you'd like to get the CSS quickly, it is provided on the right-hand side.