Random Color Generator

Generate random colors with HEX, RGB, HSL — build palettes and check accessibility

Click to generate
HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)

Color Harmonies

Contrast Ratios (WCAG)

Color Blindness Simulation

Saved Palette 0 / 20

No colors saved yet. Click "Save to Palette" to add colors.

Frequently Asked Questions

How do I generate a random color?
Click the Generate button or press Space. The tool creates a random color and displays its HEX, RGB, and HSL values.
What are HEX, RGB, and HSL color formats?
HEX uses a 6-digit hex code (#RRGGBB). RGB uses three numbers (0-255) for red, green, blue. HSL uses hue (0-360°), saturation (0-100%), and lightness (0-100%).
Can I save colors to a palette?
Yes. Click the Save button to add the current color to your palette. You can save up to 20 colors and copy the entire palette.
What is color blindness checking?
The tool simulates how your color appears to people with different types of color blindness (protanopia, deuteranopia, tritanopia) and checks contrast ratios.
How do I copy a color code?
Click the copy button next to any color format (HEX, RGB, HSL) to copy it to your clipboard.
Can I generate complementary colors?
Yes. The tool shows complementary, analogous, triadic, and split-complementary color harmonies for each generated color.
Does it work on mobile?
Yes. The random color generator is fully responsive and works on phones, tablets, and desktops.
Is there a contrast ratio checker?
Yes. The tool shows the contrast ratio between your color and both black and white text, indicating WCAG AA and AAA compliance levels.