Developer tools · FREE ONLINE TOOL

Colour converter

Convert between HEX, RGB, and HSL values.

LET’S GET IT DONE On your device

Getting your tool ready…

How to use Colour converter

Translate an opaque CSS colour between hexadecimal, RGB, and HSL forms for a design or development task. Enter a supported value and compare the swatch with the numeric output. This version does not handle alpha transparency, named colours, or every newer CSS colour notation.

01

Enter a CSS colour value

Use HEX, rgb(), or hsl() notation accepted by the tool.

02

Convert the colour

Generate the corresponding opaque HEX, RGB, and HSL values.

03

Review the swatch

Check the colour preview and copy the values you need.

COMMON QUESTIONS

Colour converter: useful answers

Can I convert rgba() or transparent colours?

No. This version works with opaque colours and does not include an alpha channel.

Does it accept named colours or wide-gamut CSS formats?

No. Use the supported HEX, rgb(), or hsl() forms. Named colours and newer colour spaces are outside this version's scope.