Skip to main content
tetono.

Color Converter (HEX / RGB / HSL)

Pick a color or enter HEX to get RGB and HSL values, ready to copy.

HEX#4F46E5
RGBrgb(79, 70, 229)
HSLhsl(243, 75%, 59%)

About this tool

Do you constantly switch between different color formats while designing or coding? This color converter lets you convert color codes between HEX, RGB and HSL all in one place, complete with a color picker so you can click the exact shade you want. There's no need to open an image editor or work out the values by hand.

It's effortless to use: type in a value you already have, or click a shade from the picker, and all three formats appear together instantly. Copy whichever one you need. It's perfect for writing CSS, designing graphics or building a consistent brand palette.

Each format has its own strengths:

  • HEX is the short #RRGGBB code most commonly used in web code
  • RGB describes the intensity of red, green and blue and supports transparency
  • HSL describes hue, saturation and lightness, making it easy to nudge a color lighter or darker

A common task is converting HEX to RGB when you need to add transparency, or converting to HSL when you want to fine-tune shades so they match as a set. This tool handles all of it in a single click.

Every calculation runs inside your own browser, so no data is sent anywhere. It's free with no sign-up. Open it up and managing your colors immediately becomes far easier.

How to use

  1. 1Pick a color from the color picker, or type in a value you already have
  2. 2See the HEX, RGB and HSL equivalents appear together instantly
  3. 3Copy the value in whichever format you need for your design or code

Frequently asked questions

What's the difference between HEX, RGB and HSL?
They're three ways of writing the same color. HEX is the #RRGGBB code popular on the web, RGB describes the intensity of red, green and blue, while HSL describes hue, saturation and lightness, which makes adjusting a shade much easier.
Can I convert a HEX code to RGB?
Absolutely. Just enter the HEX value and the tool instantly shows the matching RGB and HSL values.
Is there a color picker I can click?
Yes. You can open the picker, click the shade you want, and it's automatically converted into every format.
Is my data sent anywhere?
No. All conversion happens inside your browser and nothing is sent to a server.
Is it free?
Completely free, with no account and nothing to install.

Related tools

CSS Gradient Generator

Design a gradient visually and copy the CSS.

CSS Box-Shadow Generator

Build layered box-shadows with a live preview and copy the CSS.

Image Converter

Convert HEIC, WebP, PNG and JPG images — right in your browser.

Favicon Generator

Turn any image into favicon sizes, with the HTML to paste in.