Design and accessibility
Color Contrast Checker
Calculate contrast ratio and check WCAG AA and AAA criteria.
Open tool →Accessibility Testing Kit
Tools, guides and templates organized for this workflow: Accessibility Testing Kit.
Tools
Tools in this kit
QA and automation
Accessibility Testing Checklist
Generate checks for keyboard, focus, contrast, forms, semantics and screen readers.
Open tool →Design and accessibility
HEX, RGB and HSL Converter
Convert colors between HEX, RGB and HSL and preview the result.
Open tool →Images
Image Color Picker
Click any point in an image to get HEX, RGB and HSL values.
Open tool →QA Guides
QA Guides
Download templates to continue the workflow
Use editable files for plans, cases, checklists and evidence.