Color Code Converter (HEX, RGB, HSL, HSV, CMYK)

Color Code Converter (HEX, RGB, HSL, HSV, CMYK)

Local Processing

Convert colour codes between HEX, RGB, HSL, HSV and CMYK.

How It Works & Processing Standards

Convert colour codes between HEX, RGB, HSL, HSV and CMYK.

Tool processing runs in your browser. If you create a calculator or conversion share link, its values are included in the URL. See the privacy policy for account, analytics and advertising data.

Current Limits

  • Maximum input length: 100,000 characters

Choose a direction under "Task" and enter a color to see HEX, RGB, HSL, HSV and CMYK together. CMYK is a mathematical approximation without a print profile.

CMYK is a device-independent approximation; confirm print colors with your printer’s profile.

What You Can Do

HEX ↔ RGB
Switch between the two most common web notations, like #3366cc and rgb(51, 102, 204).
HSL and HSV
Hue, saturation and lightness/value make colors easy to adjust.
CMYK
Convert to or from print C, M, Y, K percentages.

How to Use Color Code Converter (HEX, RGB, HSL, HSV, CMYK)

  1. 1
    Choose a taskPick a direction such as HEX → RGB.
  2. 2
    Enter a colorType HEX, RGB or HSL, or use the color picker.
  3. 3
    CopyCopy the notation you need.

Examples

HEX → RGB, HSL, HSV, CMYK
Input: #3366cc
Result: rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%)
RGB → HEX
Input: 255, 99, 71
Result: #ff6347
CMYK → RGB
Input: C 0, M 100, Y 100, K 0
Result: #ff0000, rgb(255, 0, 0)

Common Use Cases

  • Moving HEX values from a design mock-up into CSS rgb() or hsl()
  • Seeing an approximate CMYK for a brand color
  • Switching to HSL to nudge only the lightness

Frequently Asked Questions (FAQ)

Does three-digit HEX like #36c work?

Yes. Each digit is doubled, so #36c reads as #3366cc.

Have feedback or ideas for this tool? Suggest & Inquire →