Color Converter
Convert between HEX, RGB, and HSL color formats.
About Color Formats
HEX — hexadecimal notation (#RRGGBB). RGB — red, green, blue values (0–255). HSL — hue (0–360), saturation (0–100%), lightness (0–100%).
How to Use
Enter a color value in any format (HEX, RGB, or HSL) and the tool will automatically convert it to all other formats. Use the color picker to visually select a color, or click "Random Color" to generate a random one.
Understanding Color Formats
HEX uses a 6-digit hexadecimal number (#RRGGBB) to represent colors. RGB specifies red, green, and blue values from 0 to 255. HSL uses hue (0-360 degrees on the color wheel), saturation (0-100% intensity), and lightness (0-100% brightness).
When to Use Each Format
HEX is most commonly used in CSS and web design. RGB is useful when working with dynamic color calculations in JavaScript. HSL is great for creating color variations — adjusting only the hue creates complementary colors, while changing saturation and lightness creates harmonious palettes.