🎨 Random Tool

Random Color

Generate beautiful random colors instantly. Perfect for design inspiration.

Click to generate new color
HEX
#6c5ce7
RGB
rgb(108, 92, 231)
HSL
hsl(251, 76%, 63%)
Analogous Colors i
−60° −30° Base +30° +60°
Recent Colors i
Contrast Checker i
Aa White text
4.5:1
Aa Black text
4.5:1
Color Family i
Purple
Export Palette i
CSS Variables i
--primary: #6c5ce7;
--primary-rgb: 108,92,231;
Named Color i
Closest match:
Blue Violet

🎯 Popular Use Cases

Stuck in a creative rut? Let randomness spark your next idea. Designers explore unexpected palettes, developers grab instant hex codes, and artists use it as a jumping-off point for new work.

🎨 Design Inspiration 💻 Web Development 🖌️ Digital Art 🏢 Brand Exploration 📱 UI Design 🎭 Creative Projects 🖼️ Illustration 🌈 Color Theory

🎨 How to Use

Click the swatch or Generate button for a random color. Copy HEX/RGB/HSL individually, or click any analogous swatch to base your next color on it. Use the history chips to revisit recent colors. Export Palette copies all 5 analogous colors at once—perfect for building branded color systems.

🖥️ Color Format Guide

HEX (#RRGGBB): web standard, used in CSS/HTML, 16 million possible colors. RGB (red,green,blue): 0-255 per channel, used in digital displays, Canvas API, CSS rgb(). HSL (hue,saturation,lightness): hue 0-360° around color wheel, most human-friendly for design. Adjust lightness to keep color family; adjust saturation for pastels/vivid.

🎭 Analogous Palettes

Adjacent colors on the hue wheel (±30-60°) create harmonious palettes. Designers use this for gradient backgrounds, branded color systems, and UI themes. The 5-swatch analogous palette gives a ready-to-use color family. Complementary colors (±180°) create high-contrast pairs for accents.