Color Converter
HEX ↔ RGB ↔ HSL, with a live swatch.
Tool inputs stay in your browser · optional AI search sends your query
How to use it (step by step)
- 1Fill in the boxes: “Color (HEX, rgb() or hsl())”. Example numbers are already there so you can see how it works; replace them with yours.
- 2The result updates instantly as you type (on a phone it is below the boxes).
- 3The bold line is the main answer. Tap Copy next to any value to copy it.
Words to know
- Hex / binary
- Other ways of writing numbers. Binary uses only 0 and 1; hex uses 0–9 and A–F.
- RGB / HSL
- Ways to describe a color: RGB mixes red, green and blue light; HSL uses hue (color), saturation (strength) and lightness.
- Unit conversion
- Changing a value from one measurement to another, like kilometers to miles. The amount stays the same; only the unit changes.
- CSS
- The code that controls how a web page looks: colors, sizes, spacing and layout.
More in Design & Color
Black & White Stencil MakerConvert image pixels into a two-tone stencil at your chosen cutoff.Ordered Dithering Image ToolCreate a black-and-white retro image using a 4×4 Bayer pattern.Image PosterizerReduce the number of color levels in actual image pixels.Image Color ReplacerReplace matching colors in a graphic while retaining transparency.Sprite Sheet & Grid SlicerSplit any regular image grid into numbered PNG files and a ZIP.Image Difference HeatmapCompare two same-size images and export a visible difference map.