Free Utility
Color Picker
Choose precise colors, copy developer-ready formats, create shades, and check text contrast.
Color picker workspace
Aa#F3A437
Quick colors
Color values
Copy the format you need
Contrast checker
Selected color against the chosen background
Sample text
Contrast ratio9.10:1Excellent for normal text
AAAContrast passed
Generated shades
Select a shade to use its HEX value
Ready to pick a color.
Private by design
Every color calculation stays in your browser.
Format ready
Copy HEX, RGB, HSL, alpha, or CSS values instantly.
Accessible choices
Check WCAG contrast before using a color in your design.