Toolkitties
๐ŸŒˆ Images

How to Convert Between HEX, RGB and HSL Colors

Switch a color between the formats designers and developers need, and check its contrast for accessibility.

Key takeaways

  • Color Converter switches a color between HEX, RGB and HSL formats instantly.
  • Also includes a contrast checker, useful for confirming text is readable against a background color under accessibility guidelines.
  • Common for front-end development and design work where different tools or code expect different color formats.

Converting a color

Open Color Converter, enter a color in any supported format, and see it converted to the others at once โ€” use the contrast checker to test a text/background pair against WCAG accessibility thresholds.

Frequently asked questions

What contrast ratio do I need for accessible text?

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text โ€” the contrast checker shows the exact ratio for your chosen colors so you can confirm you meet it.

Is this the same as the color palette picker?

Related โ€” for picking a new color and generating a matching palette, see [Color Palette Generator](/color-picker); this tool is focused on converting and checking a color you already have.

Keep reading