Free Online Color Generator
Generate random colors, create palettes, convert formats, and explore color schemes in HEX, RGB, and HSL.
Random Color
#FF5733
On White--
On Black--
Color Converter
HEX
--RGB
--HSL
--Color Schemes
Recent Colors
Key Features
Live Preview
See generated colors in real time with instant visual feedback.
Format Converter
Convert between HEX, RGB, and HSL formats instantly. Paste any color value.
Color Schemes
Explore complementary, analogous, triadic, and tetradic color harmonies mathematically derived.
Contrast Checker
WCAG 2.1 contrast ratios against white and black backgrounds for accessibility.
Frequently Asked Questions
Getting Started
How is the contrast ratio calculated?
Uses the WCAG 2.1 relative luminance formula: convert sRGB to linear RGB, weight each channel, then compute (L1+0.05)/(L2+0.05). 4.5:1 is the AA threshold for normal text.
How do complementary colors work mathematically?
Complementary adds 180deg to the hue angle (modulo 360). Analogous adds +/-30deg, triadic adds +/-120deg, tetradic produces four colors at 0deg, 90deg, 180deg, 270deg.
Can I export a palette as CSS custom properties?
Use Copy in Palette mode for comma-separated HEX values. For CSS, paste into :root { --color-1: #xxx; ... }. Color history persists in localStorage across sessions.
Why does the converter show slightly different RGB values?
HEX uses 8 bits/channel (0-255). Converting HSL to RGB involves floating-point math that rounds to the nearest integer, which can produce +/-1 differences at boundary values.