Developer Tools

Color Format Converter

Convert colors between HEX, RGB, HSL, and other formats

Color Formats

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CSS Variable--color: #3B82F6;
Tailwind approx.bg-[#3B82F6]

Color Format Converter — HEX, RGB, HSL, HSV

Convert colors between HEX, RGB, HSL, HSV, CMYK, and CSS named colors instantly. Enter any format and get all others — useful for design handoff, CSS work, and print color matching.

FAQ

What is the difference between RGB and HEX?

Both describe the same colors. RGB uses three decimal values (0–255) for red, green, blue. HEX encodes the same values in two hexadecimal digits each (#RRGGBB).

When should I use HSL?

HSL (Hue, Saturation, Lightness) is more intuitive for humans. It's easier to create lighter/darker shades by adjusting L, or muted tones by adjusting S.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is used in print design. Screens use RGB; printers use CMYK inks.

Don't see what you need?

We build free tools based on community feedback. If there's a utility that would improve your workflow, suggest it today!

Color Format Converter — Free Tool Online | FreeTool24 | FreeTool24