Random Color Generator
Generate random colors instantly with HEX, RGB and HSL values. Lock channels, generate palettes of multiple colors, and copy values in one click.
Why Use a Random Color Generator?
Random colors are useful when brainstorming palettes, testing UI components, creating placeholder designs, or generating unique identifiers for data visualisations. Our generator produces colors uniformly across the full RGB spectrum and immediately provides the color in all three common CSS formats.
Color Format Reference
| Format | Example | Use case |
|---|---|---|
| HEX | #00ADB5 | HTML, CSS, design tools |
| RGB | rgb(0, 173, 181) | CSS, canvas, SVG |
| HSL | hsl(183, 100%, 35%) | Theming, tint/shade logic |
Tips
HSL is often the most useful format for systematic color work: the H (hue) channel lets you spin around the color wheel, S (saturation) controls vividness, and L (lightness) controls brightness — making it easy to create tints and shades programmatically. Click any value box to copy that specific format.