Color Converter (HEX / RGB / HSL)

Convert colors between HEX, RGB, and HSL formats. Free color picker and converter.

How to use: Enter a color in any format (HEX, RGB, HSL) and see all conversions instantly.

Accepts HEX (#rrggbb) or RGB (rgb(r,g,b))

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)

How to Convert Colors Online

Enter a color in any format — HEX, RGB, or HSL — and see the conversions in all other formats instantly. Use the visual color picker to select colors interactively. Copy any format with one click for use in your CSS, design tools, or code.

Color Formats for Web Development

CSS supports HEX (#3b82f6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)), and their alpha transparency variants. Modern CSS also supports newer formats like hwb(), lab(), and oklch(). Understanding color conversion is essential for design consistency across tools and platforms.

Frequently Asked Questions

How do I convert HEX to RGB?
Enter your HEX color code (e.g., #3b82f6) and the tool instantly displays the RGB equivalent (59, 130, 246) along with the HSL value. You can also use the visual color picker.
What is the difference between HEX, RGB, and HSL?
HEX is a compact 6-character notation used in CSS (#RRGGBB). RGB specifies Red, Green, Blue values from 0–255. HSL uses Hue (0–360°), Saturation (0–100%), and Lightness (0–100%), which is more intuitive for color manipulation.
Which color format should I use in CSS?
All three are valid in CSS. HEX is the most common and compact. RGB/RGBA is useful when you need transparency. HSL/HSLA is best when you need to programmatically adjust lightness or saturation.