Color Converter

Convert color formats

Open in workspace

Color Converter: Convert color formats. A free, browser-based tool from DevToolbox that runs entirely on your own device: no upload, no account, no tracking.

About the Color Converter

Convert a colour between hex, RGB and HSL and see its relative luminance and contrast against black and white at the same time, so you can pick a value and check it in one step.

The calculation is done with the same maths a browser or design tool uses internally, so the values match what you will see when you paste them into CSS, a terminal or an editor.

What you can do with it

  • Hex to rgb
  • Rgb to hsl
  • Color format converter
  • OKLCH converter

How to use it

  1. Enter your value in the input.
  2. The equivalent forms are calculated immediately.
  3. Adjust any options to change the output format.
  4. Copy the value you want.

Questions

Why does the same colour look different in my design tool?
Almost always colour management. These conversions are in sRGB, which is what CSS means by a hex value; a document in Display P3 or Adobe RGB will show the same numbers as a different colour.
Is my data uploaded anywhere?
No. The tool is JavaScript that runs in the tab you already have open, and DevToolbox has no backend to send anything to. You can open the network tab and watch: after the page and its script load, nothing is sent while you work.

The Color Converter sits in Utilities, one of the 90 tools on DevToolbox.