Convert any color between HEX, RGB, HSL, HSV, and CMYK instantly. Includes interactive sliders, tint/shade palette generator, WCAG accessibility contrast checker, and copy-ready CSS values.
Color Converter
Convert colors between HEX, RGB, HSL, HSV, and CMYK. Includes tint/shade palette, WCAG contrast checker, and copy-ready CSS values.
Sky Blue#3B82F6
R
G
B
H
°
S
%
L
%
On White BG
Sample Text
Ratio: 5.71:1
AA ✓AAA ✗
White BG
Sample Text
Ratio: 3.68:1
AA ✗AAA ✗
White text on color
Black text on color
Click any swatch to select it
Hue
217°
Saturation
91%
Lightness
60%
Luminance
0.2355
🔒Your text never leaves your browser. We don't collect, store, or transmit any data. 100% private.
Free forever & no sign-up needed 🙌
If this saved you time, a pizza would mean the world!
If this saved you time, a pizza would mean the world!
Share This Tool
Frequently Asked Questions
1How do I convert HEX to RGB?
Enter your HEX code in the HEX field and the tool instantly shows the RGB values. You can also use the color picker or the RGB sliders.
2What is HSL color format?
HSL stands for Hue, Saturation, and Lightness. Hue is the color angle (0–360°), Saturation is the intensity (0–100%), and Lightness is how light or dark (0–100%). It is more intuitive than RGB for design work.
3What is WCAG contrast ratio?
WCAG requires a contrast ratio of at least 4.5:1 for normal text (AA) and 7:1 for enhanced accessibility (AAA). Use this tool to check if your color combinations pass before publishing.
4How do I generate tints and shades?
The tints and shades palette shows 11 lightness steps of your color from very dark to very light. Click any swatch to set it as your active color and see all its values.
Related Tools