Color Picker
Use the visual color picker or type a value in HEX, RGB, or HSL format. All three formats update simultaneously. Includes a contrast checker.
Contrast vs Dark BG
3.47:1
WCAG Grade
AA Large
Sample Text on Color
How to use Color Picker
Pick colors and convert between HEX, RGB, and HSL.
1
Click the colour swatch to open the visual picker, or type a value directly into any format field.
2
HEX, RGB, and HSL values update simultaneously as you change any field.
3
Check the contrast ratio in the contrast checker section below.