Free Online Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats.
Accepts HEX (3, 4, 6, or 8 digits), rgb()/rgba(),
hsl()/hsla(), and cmyk() values.
HEX output includes an alpha channel when the color is translucent. The swatch is rendered with a checkerboard so transparency is visible.
About the Color Converter
Designers and developers describe the same color in several ways. HEX is compact and common in CSS and design tools. RGB matches how screens mix light and is useful in canvas and image code. HSL describes hue, saturation, and lightness, which makes it easier to create tints, shades, and accessible palettes. CMYK is a subtractive model used for print. This converter accepts any of these formats and shows the equivalent values immediately.
Supported input formats
- HEX:
#f00,#ff0000,#ff000080, with or without the leading hash. Four and eight digit forms include alpha. - RGB:
rgb(255, 0, 0),rgba(255, 0, 0, 0.5), including percentage channels and slash-separated alpha. - HSL:
hsl(0, 100%, 50%),hsla(0, 100%, 50%, 0.5), with optionaldegon the hue. - CMYK:
cmyk(0%, 100%, 100%, 0%)or four comma-separated percentages.
Alpha is preserved. A fully opaque color produces a six-digit HEX value, while a translucent color produces an eight-digit HEX value with the alpha byte at the end, plus matching RGBA and HSLA strings. The live swatch uses a checkerboard background so you can see how transparency changes the appearance. Every result has its own copy button, so you can move a single value into CSS, design software, or a print specification.
Conversions are approximate in one direction: CMYK depends on ink, paper, and color profiles, so the displayed CMYK values are a simple mathematical conversion, not a press-proof result. Use a calibrated profile for production print work. Browser rendering also varies slightly by display. All calculations happen locally; no color value is sent to a server.
How to use this tool
- Type or paste a color in any supported format.
- Watch the preview and status badge update as you type.
- Pick a color visually if you prefer a color picker.
- Copy the format you need with its copy button.
Frequently asked questions
What is the difference between RGB and HSL?
They describe the same color space in different coordinates. RGB uses red, green, and blue channel values; HSL uses hue, saturation, and lightness, which is often easier to adjust by hand.
Why is the CMYK value not exact?
Print conversion depends on physical inks and ICC profiles. The number shown is a standard formula-based approximation for quick reference.
Can I enter a color without a hash or function name?
Yes for HEX values such as ff0000. Other formats should include their function name, such as rgb(...) or hsl(...).