Color Converter

Convert a color between hex, RGB and HSL notation.

Private in your browserFree · No sign-up
Runs in your browser

Your details

Start with the example values below, then enter your own. Results update as you edit.

Your result

Your result will appear here

Enter valid details, or run the tool with the example values.

Method & assumptions

Enter a color as a hex code, an rgb() value, or an hsl() value; the tool detects the format and computes the same color in the other two notations.

Limits to keep in mind

Accepts only #rrggbb/#rgb hex, rgb(r, g, b) and hsl(h, s%, l%) input formats; it does not support named colors (like "red"), alpha transparency values, or other color spaces such as CMYK or LAB.

Your input stays on this device. No uploads, no account.
FROM INPUT TO ANSWER

How to use the color converter

  1. 01

    Enter your input

    Enter your own values or use an example to explore color converter.

  2. 02

    Review the result

    Hex, RGB and HSL describe the same color in different notations. Paste any one of the three formats to see the other two; rounding can shift the last digit slightly.

  3. 03

    Compare or copy

    Adjust one input to compare outcomes. Copy the result when ready, or reset for a new calculation.

A LITTLE CONTEXT

About this color converter

Convert a color between hex, RGB and HSL notation. Enter a color as a hex code, an rgb() value, or an hsl() value; the tool detects the format and computes the same color in the other two notations. Use this workspace to prepare a result you can review before putting it to use. All processing takes place on your device, without an account or an upload of your inputs. Check the examples to understand the expected output, read the limitations for the supported scope, and reset the form when you want to start a separate task.

How the color converter works

Enter a color as a hex code, an rgb() value, or an hsl() value; the tool detects the format and computes the same color in the other two notations.

Color Converter examples

01

#3B82F6

rgb(59, 130, 246) · hsl(217, 91%, 60%)
02

hsl(0, 100%, 50%)

#FF0000 · rgb(255, 0, 0)

Limitations & privacy

Accepts only #rrggbb/#rgb hex, rgb(r, g, b) and hsl(h, s%, l%) input formats; it does not support named colors (like "red"), alpha transparency values, or other color spaces such as CMYK or LAB.

Inputs and results stay in this browser. Only tool identifiers are stored for your recently used tools. You can clear that history from the directory.

Color Converter: frequently asked questions

How does the color converter work?

Enter a color as a hex code, an rgb() value, or an hsl() value; the tool detects the format and computes the same color in the other two notations.

What can I inspect in the color converter result?

The color in every supported format helps you check the result before using it. Accepts only #rrggbb/#rgb hex, rgb(r, g, b) and hsl(h, s%, l%) input formats; it does not support named colors (like "red"), alpha transparency values, or other color spaces such as CMYK or LAB.

Does the color converter upload my input?

Processing happens in your browser. No tool input or output is uploaded to a server. Use Reset to clear the current workspace before starting a separate task.

Updated September 26, 2026

Related tools for your next step

All tools