Color Converter
Convert between HEX, RGB, HSL, HSB, and CMYK in real time.
What this tool does
Type or paste a value in any format — HEX, RGB, HSL, HSB/HSV, or CMYK — and every other field updates instantly. You can also use the color swatch to open the native color picker. Each format has a copy button so you can grab the exact CSS or design value you need without manual conversion.
Color format reference
- HEX — six-digit hexadecimal value used in HTML and CSS (
#3b82f6). - RGB — red, green, blue channels each from 0–255. The native format for screens and CSS.
- HSL — hue (0–360°), saturation and lightness as percentages. Easier to adjust perceptually than RGB.
- HSB / HSV — hue, saturation, brightness (value). Used by Photoshop, Figma, and most design tools.
- CMYK — cyan, magenta, yellow, key (black) percentages. The standard model for print production.
Frequently asked questions
Why does my CMYK value look different in print software?
This tool converts using a mathematical formula from RGB to CMYK. Professional print software applies ICC colour profiles specific to your printer and paper, which produce different CMYK breakdowns. Use this converter for quick reference, not press-ready values.
What is the difference between HSB and HSL?
Both models describe hue and saturation, but the third channel differs. HSL uses lightness, where 50% is a pure hue and 100% is white. HSB uses brightness (value), where 100% brightness with full saturation gives the pure hue. Figma and Photoshop use HSB; CSS uses HSL.
Can I enter a 3-digit HEX code?
Yes. The HEX field accepts both 3-digit shorthand (e.g. #f6b) and full 6-digit values. It expands the shorthand automatically.
