๐Ÿ”’ Your data stays in your browser

๐ŸŽจ Color Picker โ€” HEX, RGB, HSL

Pick any color visually and get instant HEX, RGB, and HSL values. Check contrast ratios and save a palette. Everything runs locally.

HEX
RGB
HSL
RGBA

WCAG Contrast Checker

โ€”
Contrast Ratio
Sample text preview

Saved Palette

No colors saved yet โ€” pick one and click "+ Save to Palette"

What is a WCAG contrast ratio?

WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors to ensure readability for users with visual impairments. WCAG AA requires a ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG AAA requires 7:1 for normal text.

Use the contrast checker above to verify your color combinations before using them in web design. Good contrast is not just an accessibility requirement โ€” it makes your content easier to read for everyone.