Color Picker & Converter
Professional color tool with harmony palettes, gradients, and accessibility checker
Color Picker
Color Formats
HEX
#2b6cee
HEX+A
#2b6ceeFF
RGB
rgb(43, 108, 238)
RGBA
rgba(43, 108, 238, 1)
HSL
hsl(220, 85%, 55%)
HSLA
hsla(220, 85%, 55%, 1)
CSS Var
--color-primary: #2b6cee;
Harmony Palettes
Gradient Generator
0%
100%
CSS
linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%)
Contrast Checker (Accessibility)
Sample Text (24px)
Normal text at 16px for readability testing.
Contrast Ratio
21.00:1
AA Normal (4.5:1)✓ Pass
AA Large (3:1)✓ Pass
AAA Normal (7:1)✓ Pass
AAA Large (4.5:1)✓ Pass