Color Tools
Pick colors, build palettes, convert HEX/RGB/HSL & check contrast.
Large text sample
Normal body text sample — the quick brown fox.
—
Contrast ratio
—
AA normal
—
AA large
—
AAA normal
Pick colors, build palettes, convert HEX/RGB/HSL & check contrast.
Designers constantly bounce between a picker, a converter, a palette site, and a separate contrast checker — and half of those lock features behind a subscription. This puts all four in one fast, free page: pick or paste a color, convert between HEX, RGB, HSL and CMYK, generate harmonious palettes, and verify accessibility — instantly.
One click copies the exact HEX, RGB, HSL or CMYK code you need.
Complementary, analogous, triadic, tetradic and monochrome harmonies from any base color.
Check AA/AAA compliance for normal and large text to keep your UI readable.
Roll a random palette when you need a fresh starting point.
The WCAG guidelines require a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (AA), or 7:1 for the stricter AAA level. The contrast checker shows your exact ratio and whether it passes, so you can adjust before shipping.
HEX, RGB, HSL and CMYK, with one-click copy for each.
CMYK is the ink model used in printing. Use it when preparing artwork for physical print rather than screens.
Using the official WCAG relative-luminance formula, the same one accessibility auditors use.