How many colors can this generate?

Over 16.7 million, one for every possible 24-bit RGB color (256 × 256 × 256). In practice, filtered modes (pastel, vibrant, etc.) cover a smaller but still enormous subspace of thousands of options.

What does the HSL value mean?

HSL stands for Hue (0–360°, the color wheel position), Saturation (0–100%, how vivid), and Lightness (0–100%, how bright). It's often more intuitive than RGB for design work. HSL(240°, 70%, 50%) is a medium blue.

Can I use these colors in my designs?

Absolutely, all generated colors are in the public domain (colors cannot be copyrighted). Copy the hex or HSL and paste it directly into Figma, CSS, Canva, or any design tool.

Random Color Generator

Generate random hex colors. Click the swatch or press Space to pick another.

#6366F1

HEX #6366F1

RGB 99, 102, 241

HSL 239°, 84%, 67%

Copied!

Random Color Generator

Generate a random color and instantly copy it in the format you need. Hex, RGB, or HSL. Perfect for design inspiration, testing UI components, or when you need a starting point for a color palette. Your last 20 colors are shown below the swatch so you can revisit any color you liked.

How to Use

Choose a color mode. Any color, light only, dark only, vibrant, or pastel.
Click Generate, tap the color swatch, or press Space / Enter.
Click the HEX, RGB, or HSL pill to copy that value to your clipboard.
Scroll your color history below the button to revisit past picks. Click any to copy its hex.

Color Modes Explained

Any Color: Fully random RGB values across the entire 16.7M color space.
Light: High lightness (HSL L 70–95%). Good for backgrounds.
Dark: Low lightness (HSL L 10–35%). Good for dark themes and text.
Vibrant: High saturation (HSL S 80–100%, L 40–60%). Eye-catching accent colors.
Pastel: Soft tones (HSL S 30–60%, L 75–90%). Perfect for gentle UI palettes.

🔒 Privacy first. All color generation uses crypto.getRandomValues() locally in your browser. No data is sent anywhere. Your history is stored only in this tab's memory and cleared when you close it.

Frequently Asked Questions

How many colors can this generate?

Over 16.7 million, one for every possible 24-bit RGB color (256 × 256 × 256). In practice, filtered modes (pastel, vibrant, etc.) cover a smaller but still enormous subspace of thousands of options.
What does the HSL value mean?

HSL stands for Hue (0–360°, the color wheel position), Saturation (0–100%, how vivid), and Lightness (0–100%, how bright). It's often more intuitive than RGB for design work. HSL(240°, 70%, 50%) is a medium blue.
Can I use these colors in my designs?

Absolutely, all generated colors are in the public domain (colors cannot be copyrighted). Copy the hex or HSL and paste it directly into Figma, CSS, Canva, or any design tool.