HEX to RGB Color Converter

Type a HEX code (#fff or #0d9488) or an rgb() value and see the same color as HEX, RGB and HSL at once, with a large swatch to check it. The contrast checker for that color sits in the same tab.

Color conversion

HEX
—
RGB
—
HSL
—

Contrast ratio (WCAG)

This is how text looks in that pair

—

Color palettes

About this tool

How to use it

  1. 1 Enter a #HEX (3 or 6 digits) or rgb(…) value.
  2. 2 HEX, RGB and HSL appear below, and the swatch fills with the color.
  3. 3 Copy the notation you need into your CSS.

Good to know

  • The page audit reads HTML you paste — use the Link checker to follow a link
  • YAML support covers the widely used syntax only
  • JWT decoding unpacks the contents; it does not verify the signature

Frequently asked questions

Can I enter HSL and get HEX?

Input is #HEX or rgb(). HSL is shown as an output.

Does it keep alpha transparency?

If you enter rgba(), only the color is read and the alpha is dropped.

Does 3-digit HEX work?

Yes — #0d9 is read as #00dd99.

Esc