Randomly
Random color generator
Generate a random palette and copy each color as HEX, RGB, or HSL. Cryptographically random across the full color space.
Output · 0 colors
HEXColors are generated with cryptographically strong randomness across the full RGB space. Tap any swatch to copy it in the selected format.
A free random color generator that produces individual colors or full palettes drawn from across the entire color space — then shows each color as HEX, RGB, and HSL values. Click any swatch to copy the value in your preferred format. Generate 1 to 10 colors at a time, entirely in your browser.
How to generate random colors
- Set the palette size — 1 for a single accent color, up to 10 for a full palette.
- Click Generate to draw a new set of random colors.
- Click any color swatch to copy its value.
- Toggle the format (HEX, RGB, or HSL) to copy in the syntax your project needs.
HEX, RGB, and HSL — which format to use?
HEX (#rrggbb) is the default for CSS and design tools like Figma. RGB (red, green, blue values 0–255) is common in canvas and image-processing code. HSL (hue 0–360, saturation and lightness as percentages) is the most human-readable format and makes it easy to adjust brightness or saturation without changing the hue.
When a random color generator is useful
- Quickly finding an accent color or background to test a UI component.
- Generating a random palette for a design system or brand exploration.
- Creating placeholder colors for data-visualisation charts.
- Finding an interesting starting point for an illustration or artwork.
Frequently asked questions
How random are the generated colors?
Each color is produced using your browser's crypto.getRandomValues, giving uniform random coverage across the full RGB color space.
Can I generate a harmonious color palette rather than fully random colors?
The current tool generates colors independently at random. For palettes with intentional harmony, use the generated colors as a starting point and adjust hue or saturation in a design tool.
How do I copy a color value?
Click the color swatch or its value text. The value in the currently selected format (HEX, RGB, or HSL) is copied to your clipboard.
What is the difference between HEX and RGB color formats?
HEX is a compact 6-character hexadecimal representation of the same three red, green, blue channel values. They encode identical color information in different syntax.