← All text tools

HEX to RGB converter

Convert HEX color codes to RGB, and see the same color as HSL, HSV, CMYK, OKLCH and its name.

  • Free
  • No sign-up
  • Works on any device

About HEX to RGB converter

Convert a colour from HEX (like #1E90FF) to RGB and back, with the same colour shown as HSL for CSS. Type or paste a code, see the colour, and copy the value in the format you need for design tools and stylesheets.

How to use HEX to RGB converter

  1. Enter a HEX colour code, with or without the leading hash.
  2. Read the RGB result, then check the HSL, HSV, CMYK and OKLCH values shown with it.
  3. Copy the format you need, or note the colour name if one is shown.

Why use this tool?

Also known as

Frequently asked questions

How do I convert hex to RGB by hand?

Split the six hex digits into three pairs and convert each pair from base 16 to decimal. For #1E90FF: 1E = 30, 90 = 144, FF = 255, so rgb(30, 144, 255).

What does a 3-digit hex colour mean?

It is a shortcut where each digit is doubled: #0AF is the same as #00AAFF.

Why do the CMYK numbers look different from my printer?

CMYK here is a mathematical conversion from screen RGB. Real printers use colour profiles and inks, so printed colours can differ. Treat the numbers as a starting point and check a proof.

What is OKLCH and when should I use it?

OKLCH describes a colour by lightness, chroma and hue in a way that matches human vision more closely. It is useful in modern CSS when you want even-looking steps between colours.

Is HEX to RGB converter free?

Yes. HEX to RGB converter on Toolipedia is free to use, with no sign-up and no watermark.

Is it safe to use?

Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.

Does it work on my phone?

Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.

Do I need an account?

No. Just open the page and use the tool. There's no sign-up and no email needed.

Can I put HEX to RGB converter on my own website?

Yes. Use the Embed on your site button under the tool to copy a short piece of code and paste it into your page. It is free, needs no account, and the tool keeps working inside your page.

Related tools