How to use Color Converter — HEX, RGB, HSL, CMYK Online Free
- 1Type a hex code, RGB or HSL value, or a CSS colour name — or pick from the swatch.
- 2Every format is listed at once: HEX, RGB, HSL, HSV and CMYK.
- 3Copy the notation you need, or click a tint or shade to carry on from it.
About Color Converter
Every colour notation describes the same thing differently. HEX and RGB give the amount of red, green and blue light; HSL and HSV reorganise that into hue, saturation and lightness; CMYK describes ink coverage for print. Moving between them by hand is error-prone, and this converts all of them at once.
HSL is worth understanding even if you write hex. Because it isolates lightness, producing a consistent set of shades from a brand colour is a matter of stepping one number — which is exactly how design systems build their colour scales. The tint-and-shade ramp here does that for you, and every swatch is clickable if you want to carry on from it.
The contrast figures are the part people most often skip. A colour that looks fine in a mockup can fail accessibility guidelines badly as body text, and the ratio against white and black tells you immediately whether it is usable or only decorative.