Color Converter

Convert colors between HEX, RGB, and HSL formats

Color Preview
rgb(255, 87, 51)
hsl(9, 100%, 60%)

How It Works

HEX (Hexadecimal): Uses 6 characters (#RRGGBB) to represent colors. Commonly used in web design and CSS.

RGB (Red, Green, Blue): Uses three values (0-255) for red, green, and blue channels. Direct color mixing model.

HSL (Hue, Saturation, Lightness): Uses degrees for hue (0-360) and percentages for saturation and lightness (0-100). More intuitive for color selection.

FAQ

What's the difference between RGB and HSL?

RGB uses red, green, blue values while HSL uses hue, saturation, lightness - HSL is often more intuitive for color selection.

How do I use HEX colors?

HEX colors are used in CSS like this: color: #FF5733; or background-color: #FF5733;

What does HSL stand for?

HSL stands for Hue, Saturation, and Lightness - a more human-friendly color representation.