Color Converter
Convert any color between HEX, RGB, HSL, HSV, CMYK, and OKLCH formats. Generate tints and shades, check contrast ratios, and export Tailwind CSS color palettes.
White: 5.70:1 (AA) Black: 3.69:1 (fail)
Generated palette (Tailwind-style)
50
100
200
300
400
500
600
700
800
900
Hue rotation
Frequently Asked Questions
What are the different color formats?
HEX (#RRGGBB) is most common in CSS. RGB (red, green, blue, 0-255) is intuitive for programming. HSL (hue 0-360, saturation %, lightness %) is best for adjusting colors programmatically. oklch is the modern CSS color space for perceptual uniformity.
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) defines contrast ratios for readable text. AA requires 4.5:1 for normal text (3:1 for large text). AAA requires 7:1 for normal text. This tool shows the contrast against both white and black backgrounds.
What is the generated palette based on?
The palette uses the same hue but varies lightness from 95% (50-level) to 15% (900-level), similar to Tailwind CSS color generation. Click any palette color to select it.