Color Converter (HEX, RGB, HSL)
Convert colors between HEX, RGB, and HSL. Pick any color, copy any format. 100% in your browser.
HEX
#2563eb
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
About Color Converter (HEX, RGB, HSL)
The Color Converter translates a single color between HEX, RGB, and HSL formats. Pick a color with the swatch or type a value in any of the three formats, and the other formats update at the same time. Each result has a copy button so you can drop the exact string into CSS, design files, or code.
All conversion happens in your browser, so the colors you enter stay on your device. This is handy when a design tool gives you HEX but your stylesheet uses HSL, or when you need RGB values to set an alpha channel for a translucent background.
Frequently asked questions
- Why convert HEX to HSL?
- HSL describes hue, saturation, and lightness separately, which makes it easier to create consistent tints and shades by adjusting one value.
- Does the converter support alpha or transparency?
- It converts the core HEX, RGB, and HSL values; you can add an alpha channel manually in your CSS using rgba or hsla.
- Are HEX and RGB the same color?
- Yes. HEX and RGB are two notations for the same red, green, and blue values, so converting between them does not change the color.