Online Color Converter - HEX, RGB, HSL, CMYK Color Picker
Convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly in your browser. Features a live color picker, contrast checker, and bulk copy.
Enter a color above to see all formats.
Paste any color value — a hex code, an rgb() string, or an hsl() expression — and instantly see it converted to all major color formats: HEX, RGB, HSL, HSV, and CMYK. A live color swatch shows the parsed color so you can verify at a glance. Every output row has a one-click copy button. All conversion math runs entirely in your browser with no server involved, making it safe for sensitive design tokens and brand colors. Supports shorthand hex (#abc), full hex (#aabbcc), hex with alpha (#aabbccdd), rgb(), rgba(), hsl(), and hsla() as input.
How to use
- 1
Enter a color value
Type or paste any color into the input field — hex (#1a2b3c), rgb(26, 43, 60), rgba(), hsl(), or hsla() are all accepted.
- 2
Check the color preview
A colored swatch appears next to the input so you can visually confirm the parsed color is correct.
- 3
View all converted formats
The output panel shows HEX, RGB, HSL, HSV, and CMYK values simultaneously, updated live as you type.
- 4
Copy the format you need
Click the copy button next to any format row to copy that value to your clipboard — ready to paste into CSS or design tools.
FAQ
Q.What color formats are supported as input?
You can enter hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), and hsla(). Shorthand hex like #abc is also accepted.
Q.Does it handle alpha / transparency?
Alpha channels in rgba() and hsla() are parsed but the output formats (HEX, HSL, HSV, CMYK) show the opaque RGB equivalent, since not all formats have an alpha channel.
Q.Is my color data sent to a server?
No. All conversion logic runs entirely in your browser. Nothing is transmitted.
Q.Why do the HSL/HSV values look slightly different from other tools?
Rounding differences. This tool rounds hue to the nearest integer degree and saturation/lightness/value to the nearest integer percent. Some tools use more decimal places.
Q.What does CMYK represent?
CMYK stands for Cyan, Magenta, Yellow, and Key (Black). It is the color model used in color printing. Values here are percentages from 0 to 100.