Design · Developer
Color Converter
Convert between HEX, RGB, and HSL. Generate shades & tints, check WCAG contrast ratios, and copy CSS values instantly.
Pick a color
RGB
HSL
Copy formats
HEX
#B91C1C
RGB
rgb(185, 28, 28)
HSL
hsl(0, 74%, 42%)
CSS
color: #B91C1C;
Palette
Shades (darker)
Tints (lighter)
WCAG Contrast Checker
Enter a foreground (text) color to check contrast against the selected background color.
The quick brown fox jumps over the lazy dog.
Large Text Preview (24px+)
Recently used
No colors yet — pick or convert to start.