Evaluate text readability against custom background colors to satisfy WCAG AA and AAA accessibility requirements. Simultaneously convert color codes across HEX, RGB, and HSL notations.
Input Foreground Color
Enter your text color in HEX, RGB, or HSL format.
Set Background Color
Choose white, black, or enter a custom background code to test contrast.
Check & Adjust
Verify compliance indicators and click a lightness step if additional contrast is needed.
Test your color selections against pure white, pure black, or any custom background. The tool reports exact contrast ratios and confirms whether you meet AA (4.5:1), AAA (7.0:1), or Large Text (3.0:1) requirements.
When a brand color fails accessibility contrast thresholds, click any of the 9 calculated lightness steps to identify a compliant shade without altering the core hue.
Accepts HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), hsl(), space-separated triples, and over 50 named CSS colors.
No, it is built exclusively for digital web and screen formats (HEX, RGB, HSL).
Yes, approximately 50 standard CSS named colors are recognized and converted automatically.