Convert color codes between HEX, RGB, HSL and CMYK formats instantly. Pick a color visually or type any value — ideal for designers and developers.
This tool converts color codes between HEX, RGB, HSL and CMYK formats in real time. Whether you are building a website, designing a logo, or matching brand colors, just pick a color or enter any value and all four formats update instantly. Everything runs in your browser — no data is ever sent to a server.
Click the color swatch at the top to open your device's color picker, or type a HEX code directly into the HEX field (the # is optional). You can also adjust the R, G, B numbers for RGB, or the H, S, L numbers for HSL — all fields stay in sync. CMYK updates automatically and is read-only since it is derived from RGB. Click the Copy button next to any format to copy the CSS-ready value to your clipboard.
A HEX code is a six-character string used in web design and CSS to define colors. It starts with # followed by three pairs of hexadecimal digits representing red, green, and blue values — for example, #ff0000 is pure red.
RGB (Red, Green, Blue) is an additive color model used for screens — it mixes light. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model used in printing. The CMYK values shown here are a device-independent approximation from the RGB values.
Professional printing software uses ICC color profiles which vary by printer and paper. This tool calculates a standard mathematical approximation, which is great for web use but may differ from print-specific profiles.
Yes — completely free and runs entirely in your browser. No color values are sent to any server.
This tool runs entirely in your browser. Nothing you type or paste is sent to any server — all processing happens locally on your device.