Color Converter — HEX, RGB & HSL

How to convert colors

1. Enter a color in any format — HEX, RGB sliders, or HSL sliders.
2. See instant conversion to all three formats simultaneously.
3. Use the color picker to select visually from any color on screen.
4. Copy the value you need — HEX, RGB, or HSL — with one click.

Color format reference

• HEX — #RRGGBB notation (e.g. #ff5733), most common in CSS.
• RGB — Red, Green, Blue values 0-255 (e.g. rgb(255, 87, 51)).
• HSL — Hue 0-360°, Saturation 0-100%, Lightness 0-100% (e.g. hsl(11, 100%, 60%)).
• When to use HSL — easier for adjusting brightness or creating color variations.