A SMALL TOOL FOR YOUR NEXT DESIGN

Random Color Generator

Generate a color. Keep the parts you like. Copy HEX, RGB, HSL or CSS in one click.

COLOR PREVIEWHEX / RGB / HSL
YOUR COLOR#E4A484
Found a keeper?
01 / EXPLORE

Keep a color channel

Lock a channel to keep its value in the next color.

Space or Enter for another color

02 / COPY

Color values

HEX#E4A484
RGBrgb(228, 164, 132)
HSLhsl(20, 64%, 71%)
CMYKcmyk(0%, 28%, 42%, 11%)

CMYK is approximate, without an ICC profile. Check print colors with your printer.

03 / CHECK

Text contrast

Preview your color as text on white and black.

On white2.11:1Fail
On black9.94:1AAA
04 / REVISIT

Recent colors

Your recently generated colors will appear here.

GOOD TO KNOW

Color questions

Why do the same locked settings still produce different colors?+

A lock keeps only the selected HSL component at its current value. The unlocked components are generated again each time, so a fixed hue can still produce lighter, darker, softer, or more vivid colors. Lock all three components to keep the exact color unchanged.

What is the difference between HEX, RGB and HSL?+

HEX and RGB describe the same red, green, and blue light using different notation. HSL describes a color by hue, saturation, and lightness, which can be easier to adjust intuitively. Each format works well on the web. Try the Random Palette Generator to explore several colors together.

Can I use these colors commercially?+

The generated color values are free to use in personal and commercial projects. Individual colors are generally available for everyone to use, but a particular logo, brand identity, or combination of elements may have separate legal protections. Check the requirements of your project or client when needed.