Color Converter

Convert colors between HEX, RGB, HSL and CMYK. Preview colors in real-time. Free tool for designers and developers.

Preview

Real-time preview of your color

-
-
-
-

Color Converter: HEX, RGB, HSL and CMYK

The Color Converter is a free online tool that instantly converts your colors between HEX, RGB, HSL and CMYK formats. Ideal for designers, web developers and anyone working with colors in their projects.

Simply enter a color value in any supported format and get all conversions automatically with a real-time preview.

How to Use

  1. Select your input color format (HEX, RGB or HSL)
  2. Enter the color value
  3. View the preview and all conversions automatically
  4. Copy the desired format with one click

Supported Formats

HEX (Hexadecimal)

Standard 6-character web format.

#FF5733

RGB (Red, Green, Blue)

Additive format used in CSS and digital design.

rgb(255, 87, 51)

HSL (Hue, Saturation, Lightness)

Intuitive format based on human perception.

hsl(11, 100%, 60%)

CMYK (Cyan, Magenta, Yellow, Black)

Subtractive format used for printing.

cmyk(0%, 66%, 80%, 0%)

Use Cases

🎨

Designers

Convert colors between formats for your Figma, Sketch or Adobe XD mockups.

💻

Web Developers

Quickly get HEX or RGB codes for your CSS files.

🖨️

Printing

Convert your colors to CMYK for professional quality printing.

Understanding Color Formats

  • HEX: Compact format ideal for web. Starts with # followed by 6 characters (or 3 in short form).
  • RGB: Additive model where 255,255,255 = white and 0,0,0 = black.
  • HSL: More intuitive for adjusting colors. H = hue (0-360°), S = saturation (0-100%), L = lightness (0-100%).
  • CMYK: Subtractive model for printing. Values range from 0 to 100%.
🥝Buy me a kiwi !