Color & Palette Utility
Random Color Generator
Generate instant color palettes with HEX, RGB, and HSL formats.
Fungsi Utama: Membuat warna secara acak dan menampilkan informasi HEX, RGB, dan HSL secara real-time dengan visual preview besar.
#8B5CF6
Click box or press Spacebar to copy
HEX Code
#8B5CF6
RGB Format
rgb(139, 92, 246)
HSL Format
hsl(258, 90%, 66%)
Recent Color Palette History:
ℹ️ About Random Color Generator
The Random Color Generator produces true mathematical 24-bit RGB random colors (over 16.7 million combinations) with zero server latency. It calculates perceptual lightness and relative luminance to automatically optimize text contrast, ensuring readable labels regardless of background shade.
📖 How to Use
1
Click "Generate Random Color" or press Spacebar
Instantly compute a new random 24-bit color value with synchronized HEX, RGB, and HSL outputs.
2
Inspect Color Formats
Review the exact HEX hexadecimal code, CSS RGB integer values, and HSL (Hue, Saturation, Lightness) percentages.
3
One-Click Copying
Click any copy button or the main preview canvas to copy the code directly into your CSS or Figma design files.
🔬 Color Space Technical Breakdown
HEX (#RRGGBB)
Base-16 hexadecimal notation representing 8 bits each for Red, Green, and Blue channels. Ideal for HTML/CSS.
RGB (rgb(r, g, b))
Standard additive color model specifying channel intensities from 0 to 255 for digital screens.
HSL (hsl(h, s%, l%))
Cylindrical-coordinate representation: Hue angle (0-360°), Saturation %, and Lightness %. Great for UI tints and shades.
WCAG Contrast Tuning
Dynamically switches label text color between dark obsidian and crisp white according to relative luminance.
❓ Frequently Asked Questions
How many possible colors can this tool generate?
It supports the full standard 24-bit sRGB spectrum, which offers 256 × 256 × 256 = 16,777,216 distinct color combinations.
Can I use the shortcut key on desktop?
Yes! Pressing the Spacebar anywhere on the page will instantly generate a new color.