loot.tools

Color Converter

Paste a color in any common notation - hex (#3b82f6), rgb(), or hsl(), with or without an alpha channel - and read it back as HEX, RGB, HSL, HSV, and CMYK at once. It handles 3-, 6-, and 8-digit hex, percentage rgb values, and common color names like 'coral'. A live swatch shows the result and there's a native picker if you'd rather choose visually. Every conversion runs in your browser.

Type a color as HEX, RGB, or HSL (with or without an alpha) and read it back in every common format at once. Handles 3-, 6-, and 8-digit hex, rgb()/rgba(), hsl()/hsla(), and common color names like "coral". Runs entirely in your browser.

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

Why so many formats

HEX and RGB describe a color by its red, green, and blue parts, which is how screens build it. HSL and HSV describe it the way people think about it - a hue on the color wheel, plus how saturated and how light or bright it is - which makes them easier to tweak by hand. CMYK is the print world's model, built from cyan, magenta, yellow, and black ink. The same color has a value in each, and tools, design files, and code don't always agree on which one to use.

What it accepts

Type or paste a hex value with or without the hash, a 3-, 6-, or 8-digit hex (the 8th and 4th-digit forms carry an alpha), an rgb() or rgba() string, or an hsl()/hsla() string. A handful of CSS color names like red, teal, and coral work too. An alpha channel below 1 is preserved in the HEX, RGB, and HSL output. If the input can't be read as a color, you'll get a clear message instead of a wrong answer.

When this helps

  • Turning a hex from a design mockup into the rgb() your CSS needs
  • Getting the CMYK values for something headed to print
  • Grabbing HSL so you can nudge a hue or lightness without guessing
  • Copying one canonical color into several files that each want a different format
  • Checking what an 8-digit hex's alpha works out to as a decimal