Color Converter

A color converter is a tool that takes a single color written in one syntax and re-expresses it in every other syntax at once. Paste a HEX code like #4466EE and you immediately get its rgb(), hsl(), hwb(), and cmyk() equivalents, plus the nearest CSS color keyword. It removes the manual arithmetic of splitting hex pairs, scaling channels, and computing hue and saturation by hand.

Different parts of a project expect different color formats. Browsers render everything as RGB, CSS authors reach for HSL because lightness is easy to nudge on hover, print workflows need CMYK, and design handoffs often arrive as HEX. A converter keeps one source color consistent across all of them, so the blue in your stylesheet is the same blue in your brand guide and the same blue your print vendor receives. It also accepts CSS color names such as rebeccapurple and translates them into copyable numeric values.

This converter runs entirely in your browser. The color you paste is parsed and converted with client-side JavaScript and never leaves your device, so there is no upload, no account, and no tracking of what you convert. It works offline once the page has loaded, handles 3-, 6-, and 8-digit HEX, comma and space color syntaxes, and preserves the alpha channel through RGBA, HSLA, and 8-digit HEXA output.

To use it as a hex to CMYK color converter, type #1E90FF and click Convert: the CMYK row reads cmyk(88%, 44%, 0%, 0%), the RGB row rgb(30, 144, 255), and the CSS name match is dodgerblue. As a CMYK to hex color converter, cmyk(88, 44, 0, 0) returns #1F8FFF, one step off the original in two channels, because CMYK is shown in whole percentages. For a hex to RGBA color converter, add an alpha pair: #1E90FF80 gives rgba(30, 144, 255, 0.5).

CMYK is the conversion to treat with caution. Unlike HEX, RGB, HSL and HWB, which are all exact descriptions of the same sRGB colour and convert between each other losslessly, CMYK describes ink on paper and depends on the press, the paper stock and the colour profile in use. The conversion here is the standard device-independent approximation, which is fine for a rough idea and is not a substitute for a profiled conversion in prepress software. Expect saturated screen colours, bright blues and greens especially, to be unreachable in print: they sit outside the CMYK gamut entirely and will come back duller than they looked.