Every converter
16 conversions, grouped by what you are converting into. Each one shows the result before you touch anything, includes a worked example of the arithmetic, and runs entirely in your browser.
Into RGB and hex
The formats a browser actually renders. Both are the same numbers, so these conversions never round.
- Hex to RGB: Flagship converter: hex to RGB, HSL, HSV and CMYK with a live swatch and a worked example.
- RGB to Hex
- HSL to Hex
- HSL to RGB
- HSV to RGB
- CMYK to RGB
- CMYK to Hex
- OKLCH to Hex: OKLCH back to a hex value, with an in-gamut warning.
Into HSL and HSV
The formats you adjust in. One number for lightness, one for saturation, one for hue.
Into CMYK
The print formats. Every value here is the naive conversion with no ICC profile, which is a preview and not a handover.
Into modern CSS spaces
Perceptually uniform, so equal steps look equal. This is where new design systems are being built.
- Hex to OKLCH: Hex to the perceptually uniform OKLCH space CSS Color 4 defines.
Everything at once
One input, every model, plus shades, tints and harmonies.
- Color converter: Every model at once: hex, RGB, HSL, HSV, CMYK, LAB, LCH and OKLCH, plus shades, tints and harmonies.
Which one do you actually need
If you are moving a value between two places in code, use whichever converter names the two formats. If you are trying to change a color rather than restate it, go to the full converter or read HSL versus RGB first, because the format you pick decides how hard the edit is.
If the value is going to a printer, read when to use CMYK before you send anything. If you are building a scale rather than picking a colour, start with OKLCH.
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.