Color Picker Tool
Select, convert, and test colors for your designs. Get HEX, RGB, and HSL codes instantly.
Color Picker
Recently Used Colors
Color Information
Color Contrast Checker
Contrast Ratio: 4.00
AAA (Excellent)
Sample Text
Size: 18px
The quick brown fox jumps over the lazy dog
How to Use the Color Picker
1
Select Color
Click or drag on the color canvas or use the sliders to choose your desired color.
2
Get Color Codes
Copy HEX, RGB, HSL, or CMYK values for use in your projects.
3
Test Contrast
Check readability by testing color combinations against WCAG standards.
Color Theory Tips
Color Harmony
Colors that look good together are called color harmonies. Common harmonies include complementary, analogous, and triadic color schemes.
Accessibility Matters
WCAG recommends a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. Aim for AAA (7:1) for optimal accessibility.
AAA
AA