Skip to content
No uploads · runs in browser

Color Converter

Convert HEX, RGB, and HSL with live color preview.

Favorite it to find it fast on home

When to use it

#1B64DA → rgb(27, 100, 218), hsl(219, 79%, 48%)
Turn a designer's RGB spec into CSS hex
Find the HSL of a brand color to build lighter variants

How to use it

1Step 1Fill in the values
2Step 2Change a value and the result updates instantly
3Step 3Save or copy the result

If the result looks off

The result looks wrong

Check the units and the baseline first. Changing a value updates the result instantly.

I want the starting values back

Press reset to return to the initial state.

Frequently asked questions

Is transparency supported?

Yes. 8-digit HEX and rgba alpha convert together.

What is 8-digit hex?

The last two digits are alpha. #RRGGBBAA: FF is opaque, 00 is fully transparent.

Related tools

View all →