Color Converter — HEX, RGB, HSL, HSV, CMYK Convert colors between HEX, RGB, HSL, HSV, and CMYK.
100% offline
Parsed · #3b82f6
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)

About Color Converter — HEX, RGB, HSL, HSV, CMYK

This free color converter turns any color value into every other format you need. Paste a HEX code, an rgb() or hsl() string, an HSV or CMYK value, or a plain CSS name like "rebeccapurple", and instantly see the equivalent HEX, RGB, HSL, HSV, and CMYK — alongside a live swatch so you can confirm the result at a glance.

It's built for designers and front-end developers who constantly bounce between formats: HEX for CSS, RGB for canvas and shaders, HSL when you want to nudge hue or lightness, and CMYK for print. Alpha is preserved through 8-digit hex and rgba()/hsla(), so transparency survives the round trip.

Everything runs locally in your browser. The color math is hand-rolled and offline — nothing you type is ever uploaded, making it safe for brand palettes and unreleased work.

Features

  • Convert between HEX, RGB, HSL, HSV, and CMYK in one place
  • Accepts hex (3/4/6/8-digit), rgb()/rgba(), hsl()/hsla(), and named colors
  • Live swatch preview with a checkerboard so alpha is visible
  • One-click copy on every format · fully offline

How to use

  1. Type or paste a color in any format, or use the picker to choose one visually.
  2. Check the large swatch to confirm the parsed color (transparency included).
  3. Read off the HEX, RGB, HSL, HSV, and CMYK values in the rows below.
  4. Click Copy on the format you need.

Frequently asked questions

What color formats can I paste in?

HEX (#rgb, #rgba, #rrggbb, #rrggbbaa), rgb()/rgba(), hsl()/hsla(), and CSS named colors such as "red" or "rebeccapurple". The result is shown in HEX, RGB, HSL, HSV, and CMYK.

Does it support transparency (alpha)?

Yes. Alpha is read from 8-digit hex and from rgba()/hsla() values, and it is carried through to the HEX, RGB, and HSL outputs. The swatch shows a checkerboard behind the color so you can see how transparent it is.

Why might CMYK look slightly off?

CMYK here is a straightforward mathematical conversion from RGB and does not account for a specific ICC printer profile or ink. Use it as a close starting point, and rely on your print workflow for color-managed proofs.

Is my color data sent to a server?

No. All parsing and conversion happens in your browser with no network calls. The tool works fully offline, so palettes and unreleased brand colors never leave your device.

Everything runs locally in your browser — your input is never uploaded.