Color Code Converter

Converts color codes between HEX, RGB, and HSL formats with a live preview so you can see what the color actually looks like. Type in any format and sync to the others.

Preview

How to use

  1. Enter a color in whichever format you have - HEX (#ff6600), RGB (255, 102, 0), or HSL.
  2. Click the Sync button next to the format you entered and the others will update.
  3. Copy any of the converted values to use in your CSS or code.

Related tools:

JSON FormatterBase64 Encoder/DecoderURL Encoder/Decoder