Color Picker & Converter
Select a color and get its values in HEX, RGB, HSL, see harmonies, and check contrast.
Color Tools
Color Picker
Color Values
Harmonies
WCAG Contrast Checker
Check the contrast ratio between two colors for accessibility.
Preview
Large Text (18pt / 24px)
Normal Text (12pt / 16px)
Contrast Ratio: 21.00:1
WCAG 2.1 Guidelines
Normal Text (AA)
Ratio >= 4.5
21.00
Large Text (AA) / Normal Text (AAA)
Ratio >= 3
21.00
Ratio >= 4.5
21.00
Large Text (AAA)
Ratio >= 7
21.00