Colour Picker

Select colours and check contrast.

WCAG Accessibility Checker & Colour Format Converter

Design inclusive websites by checking colour contrast ratios against global WCAG 2.1 standards in real-time.

How to use the Colour Tool:

Pick a colour using the visual interface or enter a HEX code.
Review the RGB conversion for your CSS files.
Check the Accessibility cards to see if your colour passes the AA or AAA contrast tests for readability.

How do I pass the WCAG contrast test?

For standard text, you need a contrast ratio of at least 4.5:1 to pass Level AA. Our tool provides a live 'PASS' or 'FAIL' grade for both white and black text overlays, helping designers choose background colours that are readable for everyone, including users with visual impairments. This is a critical factor for modern SEO and user experience.