Designers and developers need the same colour in different formats. Enter a HEX code or pick a colour and get the matching RGB, HSL and CMYK values instantly.
It runs in your browser with a live colour preview.
How to use the Color Converter
- Enter a HEX code or pick a colour.
- See the RGB, HSL and CMYK values.
- Copy the format you need.
HEX, RGB and HSL: the same colour, three languages
HEX like #4FACFE is compact notation used across design tools and CSS. RGB expresses the same colour as red, green and blue values from 0 to 255. HSL describes it as hue, saturation and lightness, which is the format humans reason about: make it darker means lower the lightness, make it warmer means shift the hue. The converter translates between all of them instantly.
Why HSL is the designer's secret
Building a palette in HSL is simple: keep hue fixed and vary lightness for shades of one colour, or keep lightness fixed and rotate hue for harmonious different colours. Trying the same in HEX means guessing letters and digits. Convert your brand colour to HSL once and consistent hovers, borders and backgrounds fall out naturally.
Common uses
- Moving colours between design tools and CSS
- Creating lighter and darker shades systematically
- Matching brand colours across formats exactly
- Converting RGBA transparency values for overlays
Frequently asked questions
Is the color converter free?
Yes, free with no signup.
Which formats are supported?
HEX, RGB, HSL and CMYK.
Is my input stored?
No. Conversion runs in your browser.
Does it show a preview?
Yes. You see a live swatch of the colour.