正在加载，请稍候…

Color Format Converter (HEX/RGB/HSL)

Convert colors between HEX, RGB, HSL, HSV, CMYK, and CSS named color formats. Preview the color in real time and copy values for use in CSS, design tools, or any application that requires specific color formats.

How to Use

  1. Step 1: Use the color picker or type a color value in any format.
  2. Step 2: All other formats (HEX, RGB, HSL, CMYK etc.) update automatically.
  3. Step 3: Check the WCAG contrast score to ensure accessibility.
  4. Step 4: Click any field to copy the value to your clipboard.

Frequently Asked Questions

What is the difference between HEX RGB and HSL?

HEX is a 6-digit hexadecimal color code. RGB defines color by Red Green Blue channels (0-255). HSL defines Hue Saturation and Lightness as percentages.

What is WCAG contrast ratio?

The WCAG contrast ratio measures readability of text on a background. A ratio of 4.5:1 meets AA standard; 7:1 meets AAA.

What are the differences between HEX, RGB, and HSL color formats?

HEX (e.g.

What advantages does HSL have over RGB?

HSL (Hue, Saturation, Lightness) is more intuitive for humans. Adjusting brightness only changes the L value without affecting the hue, making it easy to generate color themes (e.g., different lightness variants of the same hue). In CSS, hsl() makes color adjustments easier to understand and maintain, especially for dynamic gradients, theme switching, and responsive color schemes.