Color Tools
Contrast Checker
Check foreground and background color contrast for WCAG 2.x. See the ratio plus AA/AAA pass flags for normal and large text with a live preview.
Loading tool…
How to use
- Enter foreground and background colors
- Review the contrast ratio and WCAG pass flags
- Adjust colors until AA or AAA targets pass
Next step
- Color Picker
Pick a color with the native swatch or type HEX, RGB, and HSL values kept in sync. Copy any format or share via URL.
- Color Blindness Simulator
Simulate protanopia, deuteranopia, tritanopia, or achromatopsia on hex color palettes or uploaded images. Preview how designs appear to color-vision-deficient users.
- Color Converter
Convert colors between HEX, RGB, and HSL formats instantly.
Frequently asked questions
What contrast levels does WCAG require?
AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 normal and 4.5:1 large.
Which color formats are accepted?
Enter #hex (3 or 6 digits) or rgb(r, g, b) for foreground and background.
Can I share a color pair?
Yes. Share link stores both foreground and background values in the URL.