Color Tools
Convert between HEX, RGB, HSL, HSV, and CMYK color formats with live preview and sliders.
#d9a441 into the HEX Color field — the swatch and every conversion below update instantly.Hue, Saturation, and Lightness sliders to shape the color visually.R, G, and B inputs (each 0–255).Random to jump to an arbitrary color whenever you need a starting point.Conversions grid — HEX, RGB, HSL, HSV, and CMYK.Copy on any value to send that exact string to your clipboard.Drop a value like #d9a441 straight into stylesheets, SVG fills, or theme tokens, and grab RGB/HSL variants without hand-calculating.
Adjusting hue, saturation, and lightness directly is far more intuitive than nudging individual RGB channels when you need "a bit darker" or "a bit greener".
When a design moves to print, grab the CMYK percentages for accurate ink separations and proofs instead of guessing in RGB.
Design apps, image editors, and code each favor a different format. Read every representation from a single input color.
HSV matches how most color pickers and image-processing filters reason about brightness, which differs subtly from HSL's lightness.
Everything runs in your browser. No color data is uploaded, logged, or sent to a server.
HEX, RGB, HSL, HSV, and CMYK. Enter a color in any of the inputs and all five representations update together.
Yes. Hex writes each RGB channel (0–255) in base-16, so #d9a441 is the same color as rgb(217, 164, 65).
Yes. A value like #abc is expanded to #aabbcc automatically before converting.
Both separate hue, saturation, and brightness, but "lightness" is the midpoint between black and white, while "value" is the brightest channel. They agree on pure colors but diverge on tints and shades.
CMYK models subtractive ink mixing for print. RGB is additive light for screens, so a screen color can look different on paper unless converted to its CMYK equivalent.
Hue and percentage values are rounded to whole numbers for readability, and CMYK uses the standard mathematical conversion rather than a device-specific ICC profile.
Never. All conversion happens locally in JavaScript; your input is not sent to, stored on, or logged by any server.