QuickTools

Color Converter

Pick a color or type a value to instantly convert between HEX, RGB, and HSL formats.

How to use the Color Converter

  1. Use the color picker, or type a HEX, RGB, or HSL value directly.
  2. All three formats update automatically to match.
  3. Click Copy next to any value to copy it.

Frequently asked questions

What color formats are supported?

HEX (e.g. #4F46E5), RGB (e.g. rgb(79, 70, 229)), and HSL (e.g. hsl(243, 75%, 59%)).

Can I type a value instead of using the picker?

Yes — type a valid HEX code into the HEX field and press Enter or click away to sync all formats.

Related tools