Practical color tool

Color Converter: HEX, RGB, HSL and OKLCH

Convert colors between HEX, RGB, HSL and OKLCH formats and copy implementation-ready values for CSS and design docs.

Open in the main toolBack to tool
EnglishItalianoEspañolFrançaisDeutsch

What this page gives you

  • Use the inspector on the home tool to see every format at once.
  • Copy HEX, RGB, HSL, OKLCH or a CSS variable declaration.
  • Use OKLCH when you want more perceptual control over shade scales.

Good for

  • CSS implementation
  • Design docs
  • Token cleanup

How to use it

Convert colors between HEX, RGB, HSL and OKLCH formats and copy implementation-ready values for CSS and design docs.

Palette generatorConvert colors between HEX, RGB, HSL and OKLCH formats and copy implementation-ready values for CSS and design docs.WCAG checkerConvert colors between HEX, RGB, HSL and OKLCH formats and copy implementation-ready values for CSS and design docs.Image extractorConvert colors between HEX, RGB, HSL and OKLCH formats and copy implementation-ready values for CSS and design docs.
Can I use this with the main generator?

Yes. Start from this page, then open the main Chromaforge tool with the same base color and export the palette.