Color Converter

Convert colors between HEX, RGB, HSL, and HSV formats


1. What is Color Conversion?

Different color formats are used in different contexts. HEX is common in web design, RGB is used in digital displays, HSL provides intuitive hue/saturation/lightness controls, and HSV is popular in graphics applications.

2. How does it work?

Color conversion uses mathematical formulas to transform between color spaces. RGB values (0-255) can be converted to HEX (00-FF). RGB to HSL/HSV involves calculating hue from color ratios, saturation from color spread, and lightness/value from brightness. Each format represents the same color differently for specific use cases.

Supported Formats

  • HEX: Hexadecimal format (e.g., #FF5733)
  • RGB: Red, Green, Blue (e.g., rgb(255, 87, 51))
  • HSL: Hue, Saturation, Lightness (e.g., hsl(9, 100%, 60%))
  • HSV: Hue, Saturation, Value (e.g., hsv(9, 80%, 100%))

3. Examples

HEX to all formats

#FF5733rgb(255, 87, 51) / hsl(9, 100%, 60%) / hsv(9, 80%, 100%)

RGB to all formats

rgb(52, 152, 219) → #3498DB / hsl(204, 70%, 53%) / hsv(204, 76%, 86%)

HSL to all formats

hsl(120, 100%, 50%) → #00FF00 / rgb(0, 255, 0) / hsv(120, 100%, 100%)

References