🎲 Random Color Generator
Generate random colors with HEX, RGB and HSL values — batch up to 12 swatches, click to copy any value.
About the Random Color Generator
This tool generates random colors and shows each one in three formats: HEX, RGB and HSL. Pick how many colors you need (1 to 12), optionally restrict to vivid colors (high saturation), and click any swatch to copy its value in your chosen format.
Color formats
- HEX — Six-digit hex code like
#0EA5E9, the standard for CSS and design tools. - RGB — Red/Green/Blue channels from 0 to 255, e.g.
rgb(14, 165, 233). - HSL — Hue/Saturation/Lightness, e.g.
hsl(199, 89%, 48%). Great for creating color variations.
How to use
- Choose how many colors you want (1–12).
- Pick the format you want to copy.
- Toggle Vivid colors only to skip washed-out pastels.
- Click Generate for a fresh batch. Click any swatch to copy its value, or Copy All for the full list.
Frequently asked questions
Are the colors truly random? Yes. They are produced by JavaScript's Math.random() in your browser, no server involved.
What does "vivid" mean? Vivid colors have saturation above 50% and lightness between 35% and 70%, so they look punchy rather than pastel.
Can I use these colors commercially? Yes. Generated colors are yours to use freely.