Random Color Generator
Generate a random color, or a palette of five, with HEX, RGB, and HSL values.
About this tool
Generate a random color, or a palette of five at once, with its HEX, RGB, and HSL values shown side by side.
Key Features
- Single random color or a five-color palette
- HEX, RGB, and HSL values shown together
- Visual swatch for each color
- Uses your browser's random number generation
How to Use
- Click "Generate color" for one random color, or "Generate palette" for five.
- Read off the HEX, RGB, and HSL values.
Benefits
- Get quick color inspiration for a design
- Grab a placeholder color during prototyping
- See the same color expressed in three common formats
Frequently Asked Questions
HEX and RGB both describe a color by its red, green, and blue light components — HEX as a compact base-16 code, RGB as three 0-255 numbers. HSL describes the same color differently, by hue (position on a color wheel), saturation (intensity), and lightness — which many people find more intuitive for adjusting a color's brightness or vividness without changing its basic hue.
No — each color is generated fully at random across the entire color space, so results can range from muted to vivid, light to dark. If you want a more curated, harmonious palette, treat this as a starting point for inspiration rather than a finished palette design.
Yes — the HEX and RGB values shown are both valid CSS color values as-is (for example, background-color: #7b2ff7 or rgb(123, 47, 247)), and the HSL value works the same way using hsl(...) syntax.