⚡ 107+ free online tools — no sign-up, no watermarks. Explore now →

All Tools →
★ Free Developer Tool

Color Converter (HEX, RGB, HSL)

Convert colours between HEX, RGB, HSL, HSV and CMYK, preview them and check text contrast — free, in your browser.

Loading the tool…

Runs entirely in your browser. Your files and text are never uploaded to our server.

About this toolColor Converter turns any colour code into every common format at once.
Learn more
  • Instant results
  • 100% free
  • No sign-up
  • Private

Color Converter turns any colour code into every common format at once. Paste a HEX code such as #0A6CE0, an rgb() value or an hsl() value, or pick a colour, and you instantly get HEX, RGB, HSL, HSV and an approximate CMYK value, each with its own copy button.

It also shows how readable the colour is as text on white and on black, using the WCAG contrast ratio, so you can choose accessible colour pairs before you publish.

More about Color Converter (HEX, RGB, HSL)How to use, good to know & FAQ

How to use Color Converter

  1. Type or paste a colour code, or click the colour box to pick one.
  2. Check the preview and read the converted HEX, RGB, HSL, HSV and CMYK values.
  3. Click Copy next to the format you need and paste it into your CSS or design tool.

Good to know

  • Accepted inputs: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba(), hsl() and hsla().
  • Transparent colours keep their alpha value in the RGBA, HSLA and 8-digit HEX results.
  • CMYK is a simple screen-to-print approximation. Real print colours depend on paper, ink and colour profiles.
  • Everything is calculated in your browser — nothing is uploaded.

Frequently asked questions

How do I convert HEX to RGB?

Paste the HEX code into the box. The RGB value appears instantly. Each pair of HEX characters is one channel in base 16, so #0A6CE0 becomes rgb(10, 108, 224).

What contrast ratio do I need for text?

WCAG asks for at least 4.5:1 for normal text and 3:1 for large text at level AA, and 7:1 for normal text at level AAA. The tool shows the ratio on white and black.

Can I get a colour from an image?

Yes — use the Image Color Picker to find the colour in a photo or screenshot, then paste the code here.

When to use Color Converter

  • Turning brand HEX codes into RGB or HSL for CSS
  • Creating lighter and darker shades with HSL
  • Checking text contrast for accessibility
  • Getting an approximate CMYK value for a print brief

📘 Read the guide: HEX vs RGB vs HSL: How to Convert Color Codes