Color Format Converter
Convert any color between HEX, RGB, HSL and CMYK notation with a live preview swatch — right in your browser.
Result
Every corner of a design workflow speaks a different color dialect: CSS wants #rrggbb or hsl(), a canvas API wants RGB channels, the print shop wants CMYK percentages, and the brand book lists something else entirely. This converter translates one value into all of those notations in a single click.
Choose the format you are starting from — HEX, RGB or HSL — paste the value, and get the color back as HEX, RGB, HSL and CMYK at once, together with a preview swatch so you can confirm it is the color you meant. The parser is deliberately forgiving: #fff and #3b82f6, rgb(255, 0, 0) and a bare 255, 0, 0, hsl(120, 50%, 50%) and plain 120, 50, 50 are all understood.
If you do not have a value at hand, use the built-in color picker: it fills the input field in whichever format is selected, so you can eyedrop a color visually and immediately read its code in every notation. The CMYK output uses the standard conversion formula — a solid reference for print preparation, with final calibration left to your printer's color profile.
Everything is computed locally in your browser: no upload, no account, no limits. Paste, convert, copy all four notations with one button — and move on with your design handoff.