๐ŸŽจ HEX ยท RGB ยท HSL ยท CMYK ยท Free

Color
Converter

Convert colors between HEX, RGB, HSL, HSV and CMYK formats instantly. Click any format to copy it. Includes color palette generator.

HEX
#00e5ff
Click to copy
RGB
rgb(0, 229, 255)
Click to copy
RGBA
rgba(0, 229, 255, 1)
Click to copy
HSL
hsl(188, 100%, 50%)
Click to copy
HSLA
hsla(188, 100%, 50%, 1)
Click to copy
CMYK
cmyk(100%, 10%, 0%, 0%)
Click to copy
Color variations โ€” click to select:

Free Online Color Converter โ€” HEX, RGB, HSL, CMYK

ExperToolBox's color converter lets you instantly convert any color between all major color formats used in web design, graphic design and printing. Pick a color visually or enter a HEX code, and immediately see the equivalent values in RGB, RGBA, HSL, HSLA and CMYK. Click any format to copy it directly to your clipboard.

The tool also generates a palette of color variations โ€” tints (lighter versions), shades (darker versions) and analogous colors โ€” helping you build cohesive color schemes for your projects.

When to use each color format

HEX is the most widely used format in web development. It's compact (7 characters) and universally supported. Use it when you need a specific color in HTML or CSS and transparency isn't needed. RGB is useful when you need to manipulate color channels programmatically or when working with canvas and WebGL. RGBA extends RGB with an alpha channel for transparency โ€” essential for overlays and semi-transparent elements.

HSL is the most intuitive format for designers. Hue (0-360ยฐ) represents the color itself, Saturation controls how vivid it is, and Lightness controls how bright it is. This makes it easy to create color variations โ€” just adjust the lightness to get tints and shades. CMYK is the standard in print design โ€” most professional printers work in CMYK rather than RGB.

Frequently Asked Questions

What is the difference between RGB and CMYK?
RGB (Red, Green, Blue) is an additive color model used for screens โ€” mixing colors adds light, with white being the maximum. CMYK (Cyan, Magenta, Yellow, Black) is a subtractive model used for printing โ€” mixing inks absorbs light, with black being the maximum. Colors that look vivid on screen may look different when printed in CMYK.
What does the alpha channel do?
The alpha channel controls transparency. A value of 1 (or 100%) is fully opaque. A value of 0 is fully transparent. Values in between create semi-transparent effects. In CSS, use rgba() or hsla() to set transparency.
How do I find a website's color in HEX?
Use your browser's developer tools (F12) โ€” click the Elements tab, find the element, and look for color properties in the Styles panel. Many browsers show a color swatch next to HEX values that you can click to get more formats. Browser extensions like ColorZilla also let you pick colors from any webpage.

Other Free Design Tools