Color Converter

Pick a color and get its HEX, RGB and HSL codes.

Tap the color above to pick a new one.

Lighter and darker

Private: this works on your device. Nothing is uploaded.

How to use it

  1. Tap the big color square to pick a color, or type a code.
  2. Press “Copy” next to the code you need.

About Color Converter

Pick a color with the color picker, or type a code you already have. You will get the same color in HEX, RGB and HSL, ready to copy into CSS or a design app.

HEX, RGB and HSL explained

HEX (#1D4ED8) is the short code most websites use. RGB (29, 78, 216) tells how much red, green and blue to mix. HSL (224°, 76%, 48%) describes the hue, how strong the color is, and how light it is, which makes it easy to make a color lighter or darker.

Questions people ask

How do I convert HEX to RGB?

Type the HEX code in the HEX box. The RGB code appears instantly below it.

Can I type a short HEX code like #fff?

Yes. Three-digit codes work too.

More free tools