Introducing Color Converter

Color Converter is now live on Tools.Town — a fast tool that translates any color between HEX, RGB, HSL, HSB, and CMYK formats, showing all five outputs at once so you can grab whichever format you need.

No more hunting for the right formula. Paste a HEX code from Figma, get the hsl() value for your CSS variable, done.

What Does It Do?

HEX

#rrggbb and #rrggbbaa. The standard format for web colors, Figma tokens, and design handoff.

RGB

Red, Green, Blue channels 0–255. Used in CSS rgb() and rgba() functions.

HSL

Hue (0–360°), Saturation, Lightness. The most intuitive format for adjusting brightness and creating palettes.

CMYK

Cyan, Magenta, Yellow, Key (Black). Required for print and physical design deliverables.

Enter a color in any format and all other fields update instantly — no submit button needed.

How It Works

Paste a color

Type or paste a color value in any supported format — HEX, RGB, HSL, HSB, or CMYK.

→

See all formats

All five representations appear instantly. A color swatch shows the actual color.

→

Copy what you need

Click the copy icon next to any format to grab that value for your project.

Why We Built It

Designers work in HEX, developers often use RGB or HSL in CSS, and print teams need CMYK. Color Converter closes the gap between these workflows — paste the color you have, get the format you need. It’s especially useful when translating brand colors from a Figma style guide into CSS custom properties.

Try It Now

Free Tool

No sign-up In-browser

Color Converter

Translate between HEX, RGB, HSL, HSB, and CMYK. All five formats at once — copy any result.

HEX, RGB, HSL, HSB, CMYKAlpha supportInstant conversionCopy any format

Convert Colors

Explore the full color tools collection — Color Picker, Color Palette Generator, Contrast Checker, and more.

Frequently Asked Questions

What color formats does it support?

HEX (#rrggbb), RGB (red, green, blue), HSL (hue, saturation, lightness), HSB/HSV (hue, saturation, brightness), and CMYK (cyan, magenta, yellow, key/black).

Which format should I use in CSS?

HEX and RGB are the most widely used. HSL is excellent for programmatic color manipulation (e.g. lightening or darkening a brand color). CMYK is for print.

Does it support alpha / transparency?

Yes. You can add an alpha channel to get rgba() and hsla() output.

AI Text Summarizer

Go Premium

Introducing Color Converter — Now Live on Tools.Town