Fun Tools

Random Color Generator

Generate random colors with hex and RGB values

Calculator

Click to Generate
HEX
#5F72C6
RGB
rgb(95, 114, 198)
HSL
hsl(229, 47%, 57%)

Color Variations

Lighter / Darker Shades
Complementary Color
#C5B25E
Random Palette

Click a color to copy. Lock colors to keep them when regenerating.

Quick CSS

color: #5F72C6;
background-color: #5F72C6;
border-color: #5F72C6;
--primary: #5F72C6;

Tips

  • Press the Generate button or click anywhere on the main swatch to generate a new random color.
  • Use the lock icon on palette colors to keep favorites when regenerating.
  • Click any color swatch to copy its HEX value to clipboard.
  • Browse your color history to revisit previously generated colors.

How to Use

Generate random colors for design inspiration

1

Generate color

Click generate to create a random color

2

View formats

See the color in HEX, RGB, HSL formats

3

Copy and use

Copy your preferred format for use in design projects

Frequently Asked Questions

Get your random color in multiple formats: HEX (#FF5733), RGB (255, 87, 51), HSL (11, 100%, 60%), and color name when available. Copy any format with one click for use in CSS, design tools, or any application.

Yes! Filter by color families (reds, blues, greens), generate pastels, vibrant colors, dark themes, or complementary color palettes. Lock colors you like while generating new ones to build perfect combinations.

Great for overcoming creative blocks, generating color palettes, A/B testing designs, creating random avatars, art projects, or when you need inspiration. Generate until you find colors that speak to you!

Absolutely! Generate complementary, analogous, triadic, or split-complementary color schemes based on any random color. Perfect for creating cohesive designs, websites, or art projects with harmonious color relationships.

Fun Tools

Random generators, games, and entertaining utilities

View all tools