Free developer tool

Color converter

Pick or enter a HEX color, preview its swatch, and convert it to RGB and HSL instantly in your browser with no uploads.

Runs locallyUpdates as you type

Pick a colorAa

Input

Output

Your result will appear here.

Processed only on this device

About this tool

What color converter does

Pick or enter a hexadecimal web color, see it immediately, and read equivalent RGB channel and HSL values.

How it works

The native color picker and text input share one value. Three-digit HEX values are expanded, RGB channels are parsed, and standard color-space formulas calculate rounded HSL values while a live swatch shows the color.

Common uses

When to use it

Translate design-token HEX values for CSS
Inspect RGB channels while tuning a palette
Convert a color to HSL for easier lightness adjustments

Scope

Limits to know

The input accepts three- or six-digit HEX colors without alpha
Rounded HSL values may convert back with tiny channel differences

Worked example

Example input and result

Use the prefilled value in the tool above or paste a similar value of your own.

Input

#6D5EF7

Result

HEX: #6D5EF7 · RGB: rgb(109, 94, 247) · HSL: hsl(245.9, 90.5%, 66.9%)

Quick answers

Color converter FAQ

Does the converter support short HEX colors?

Yes. A value such as #ABC is expanded to #AABBCC before conversion.

What is the difference between RGB and HSL?

RGB describes red, green, and blue light channels. HSL describes hue, saturation, and lightness, which can be more intuitive for adjustments.

Does this tool support transparency?

Not in the current release. It accepts RGB HEX colors without an alpha channel.