color

Random Background Color

Generate aesthetically pleasing random background colors with gradient options. Preview them in a live mockup and copy the CSS.

Count (1-12)

Gradient

#BD6FF1

#E689D3

#A0D4EE

#F24A5D

#DC97F7

#C1E278

Random HSL colors in a pleasing lightness range. Copy the CSS value (hex or gradient) for use in stylesheets.

How to use Random Background Color

1Paste your input in the panel above or use the example data if available.
2Choose an action — format, generate, convert, encode, or analyze.
3Your result appears instantly. Use Copy to grab it, or Download if a file option is shown.

Runs entirely in your browser

Nothing you type, paste, generate, or upload leaves your device.

Generate CSS gradients.

Generate random colors.