Design
Random Color Picker
Generate random colors, view them in HEX, RGB, and HSL, and build a palette. Lock colors you like and regenerate the rest.
Click the lock icon to freeze a color. Only unlocked colors are replaced on Generate.
🎨
Click Generate to start
We'll create random colors for you
Frequently asked questions
How are the random colors generated?
We use crypto.getRandomValues() — the same cryptographically secure random number generator used for encryption. Each RGB channel gets a truly random byte (0–255), producing uniform color distribution across the spectrum.
What does the lock button do?
Lock a color to freeze it in place. When you click Generate again, only unlocked colors are replaced. This lets you build a palette incrementally — lock the colors you like and keep generating alternatives.
Can I copy a color value?
Yes — click the HEX value to copy it to your clipboard. A checkmark appears briefly to confirm the copy. You can paste it directly into your CSS, design tool, or code.
Generate random colors instantly for design projects, UI mockups, or inspiration. Each color displays its HEX, RGB, and HSL values with easy one-click copying.
Lock colors you want to keep and generate new ones to replace the rest — perfect for building harmonious palettes incrementally. All generation happens client-side using cryptographically secure randomness.