Color Converter

Convert a color between HEX, RGB, HSL, HSV, and CMYK at once. Paste a hex code or RGB triple and copy any format. Free and in-browser.

Independently verified for accuracy

Calculator by Toolsloft ↗
HEX
#3366ff
RGB
rgb(51, 102, 255)
HSL
hsl(225, 100%, 60%)
HSV
hsv(225, 80%, 100%)
CMYK
cmyk(80%, 60%, 0%, 0%)

Paste a hex code or an RGB triple and get the same color in every common format at once: HEX, RGB, HSL, HSV, and CMYK. Useful when a design spec is in one format but your tool wants another. Everything runs in your browser.

How this is calculated

The input is parsed to 0-255 RGB channels, then converted with the standard color-space formulas: HSL and HSV from the max and min channel values, and CMYK from the RGB-to-CMYK relations where K is one minus the largest channel. Hue is in degrees, and saturation, lightness, value, and the CMYK inks are rounded to whole percentages.

How to use

  1. Enter a hex code like #3366ff, or an RGB triple like 51, 102, 255.
  2. Read the same color in HEX, RGB, HSL, HSV, and CMYK.
  3. Copy the format you need into your CSS, design tool, or print job.

Examples

  • Hex to everything: #3366ff → rgb(51, 102, 255), hsl(225, 100%, 60%)
  • RGB to CMYK: 255, 0, 0 → cmyk(0%, 100%, 100%, 0%)

FAQ

What input formats are accepted?
A hex code with or without the # (three or six digits), or three numbers from 0 to 255 for red, green, and blue. So #f00, #ff0000, and 255, 0, 0 all describe the same red.
Why does CMYK not match my printer exactly?
CMYK here is the straight mathematical conversion from RGB. Real printing uses a color profile (ICC) for the specific inks and paper, so treat the CMYK values as a close starting point, not a press-ready match.
Is my input sent anywhere?
No. The conversion runs locally in your browser and nothing is uploaded.

Embed this calculator

Add this free calculator to your own site. Copy the code and paste it where you want it to appear.