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