Free Random Color Generator — HEX, RGB & HSL Colors
Generate random colors instantly — get HEX, RGB, and HSL values with one click. Lock favorites and build palettes in your browser.
HEX
#1a72f5
RGB
26,114,245
HSL
216,91%,53%
How it works
Generate a color
Click Generate or press spacebar to create a cryptographically random color.
Copy the value
Copy HEX, RGB, or HSL format with one click — use whichever format your project needs.
Lock favorites
Click the lock icon to preserve a color while generating new palette companions.
Build a palette
Use the Generate Palette button to create 5 harmonious random colors at once.
Common use cases
Design inspiration
Break creative blocks by generating unexpected color combinations for UI, branding, or illustration projects.
Placeholder colors
Quickly grab random hex values to use as placeholder colors in mockups and prototypes.
CSS testing
Generate random colors to test how your CSS handles different background and text color combinations.
Art projects
Use randomness as a creative constraint for generative art, data visualisations, or color exercises.
Frequently asked questions
Is the color generation truly random?
Yes. Colors are generated using crypto.getRandomValues() — the browser's CSPRNG — ensuring genuine randomness.
What color formats are supported?
HEX (#RRGGBB), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)) are all shown simultaneously for every generated color.
How do I lock a color?
Click the lock icon below a color swatch. Locked colors are preserved when you click Generate or Generate Palette.
Can I generate a full color palette?
Yes — click Generate Palette to produce 5 random colors at once. Lock any you like before clicking again.
Are my colors saved anywhere?
No. This tool runs entirely in your browser. Closing or refreshing the tab clears all colors.
Can I copy colors to clipboard?
Yes — each color has Copy buttons for HEX, RGB, and HSL formats. Click any to copy instantly.