Code & web

HEX, RGB, HSL color converter

Convert a color between HEX, RGB and HSL, with a preview and shades.

Embed this calculator on your website

Copy this code and paste it into your page (WordPress, Wix, Webflow, HTML…). It's free: please keep the link to HOD Calc.

<iframe src="https://calc.hod-group.com/embed/?hodtool=color&amp;hodlang=en" title="HEX, RGB, HSL color converter" loading="lazy" style="width:100%;max-width:720px;height:560px;border:0;border-radius:12px" data-hodcalc></iframe>
<p style="font:13px sans-serif;margin:6px 0 0">Calculator by <a href="https://calc.hod-group.com/en/hex-rgb-color-converter/">HOD Calc</a></p>
<script async src="https://calc.hod-group.com/assets/embed.js"></script>

How it works

HEX writes red, green and blue in hexadecimal (00 to FF). HSL describes hue (0–360°), saturation and lightness.

Results are for guidance only and do not replace professional advice.

Worked example

With the default values:

Color (#2b50e8, rgb(43,80,232)…)#2b50e8

you get:

HEX#2B50E8
RGBrgb(43, 80, 232)
HSLhsl(228, 80%, 54%)
Readable text on itwhite

Frequently asked questions

How does the “HEX, RGB, HSL color converter” tool work?

HEX writes red, green and blue in hexadecimal (00 to FF). HSL describes hue (0–360°), saturation and lightness.

What do I need to enter?

Just fill in: color. The result updates as you type.

Can you give an example?

Color (#2b50e8, rgb(43,80,232)…): #2b50e8 → HEX: #2B50E8; RGB: rgb(43, 80, 232).

Is this calculator free, and is my data private?

Yes. HOD Calc is completely free with no sign-up. The calculation runs in your browser: nothing you type is sent or stored.