Color Converter

Use the format you already have

The annoying part is usually the format, not the color. A design handoff may give you #2563eb, while the CSS you are editing needs rgb(37, 99, 235). Paste the value into the field, choose the format it uses, and press Convert color. The page puts the other versions below it, with a separate copy button for each one. The conversion runs in the browser.

What can be entered

Short and long HEX values are accepted: #fff and #2563eb are both valid. RGB channels must be between 0 and 255, so rgb(37, 99, 235) is a valid example. HSL uses degrees for hue and percentages for saturation and lightness, as in hsl(221, 83%, 53%). CMYK takes four percentage values. You can also type a common CSS name such as royalblue, tomato, or rebeccapurple. If the selected format does not match the value, the converter stops and shows an error instead of guessing.

A note about the converted values

With #2563eb as the input, the RGB result is 37, 99, 235 and the HSL result is 221, 83%, 53%. The screen-based CMYK result is 84%, 58%, 0%, 8%. Those numbers are rounded for display. HEX output is written as six digits, even when the input was the short form.

The CMYK number is calculated from the screen color. It does not use a printer or an ink profile, so print software may produce different percentages. CSS names are a convenience too: a known name is looked up from the built-in list, while a numeric color gets the nearest name in that list. Keep the HEX, RGB, or other numeric value when the exact color matters.