Boneyard Tools

Color Converter

Type or paste a color in any notation and get HEX, RGB, HSL, HSV and CMYK at once, plus the matching CSS color name. Everything runs in your browser.

How to convert a color

  1. Paste a color: a hex like #3b82f6, rgb(), hsl(), hsv(), cmyk() or a CSS name like rebeccapurple.
  2. The tool detects the format and converts it to every other format instantly.
  3. Copy the value you need, or use the color picker to dial in a new shade.

Examples

HEX to all formats

#3b82f6
rgb(59, 130, 246) Β· hsl(217, 91%, 60%) Β· hsv(217, 76%, 96%) Β· cmyk(76%, 47%, 0%, 4%)

RGB to CMYK

rgb(255, 0, 0)
cmyk(0%, 100%, 100%, 0%)

Frequently asked questions

Which color formats are supported?

HEX (3, 4, 6 and 8 digit), rgb() and rgba(), hsl() and hsla(), hsv() or hsb(), cmyk(), and the 148 CSS named colors. The format is detected automatically.

Is my color sent to a server?

No. All parsing and conversion runs entirely in your browser, so nothing is uploaded.

How accurate is the RGB to CMYK conversion?

It uses the standard naive RGB to CMYK formula, which is what most web tools and design apps show. True print color depends on an ICC profile, so treat CMYK here as a close approximation for screen work.

What is the difference between HSV and HSB?

They are the same model. HSV (hue, saturation, value) and HSB (hue, saturation, brightness) are two names for the identical color space, so this tool accepts either.

Can I convert a color with transparency?

Yes. 8-digit hex (#rrggbbaa), rgba() and hsla() carry an alpha channel, which is preserved in the HEX8, RGBA and HSLA outputs.

Does it support CSS color names?

Yes. Type a name like coral, teal or rebeccapurple to convert it, and any color shows its nearest CSS named color.

Learn more

  • RGB vs CMYK: when to use each

    How the additive RGB model and the subtractive CMYK model differ, and why a color can look different on screen and in print.

Related tools