ToolsetDaily
Convert & Encode

Color Converter

Convert colors between HEX, RGB, and HSL with a live preview.

Convert & Encode
HEX
RGB
HSL

Convert colors between HEX, RGB and HSL

This color converter moves a color between the three formats web design uses most, HEX, RGB and HSL, and shows a live swatch. Enter any one format or use the picker and the others update at once. HSL is especially useful for making a color lighter, darker or more saturated by changing a single number.

How to convert a color

Type a HEX value, set the RGB fields or use the picker, and all three formats plus the swatch update together. Copy whichever format your CSS needs.

Frequently asked questions

Does it support three-digit hex codes?

Yes. Shorthand like the three-character form is expanded automatically.

What about transparency or alpha?

This tool handles solid colors. For transparency, add an alpha value to the RGB or HSL output yourself using rgba or hsla.

Related tools

ConvertBase64 Encode / DecodeEncode text to Base64 or decode Base64 back to text, with full Unicode support.ConvertURL Encode / DecodePercent-encode text for URLs, or decode encoded URL strings back to readable text.ConvertJSON Formatter & ValidatorPretty-print, minify, and validate JSON with clear error messages.ConvertBinary ↔ Text ConverterConvert text to binary and binary back to readable text.