Color Format Converter
Pick a color or type a hex code, and this tool instantly shows the same color as HEX, RGB, HSL, and CMYK values — handy for design work, CSS, and print mockups. Copy any format to your clipboard with a single click.
How it works
Choose a color using the picker or type a hex code directly. The tool converts it on the fly to RGB (red, green, blue), HSL (hue, saturation, lightness), and CMYK (cyan, magenta, yellow, key/black) — all computed locally in your browser, nothing is uploaded.
Tip
HSL is often the easiest format for tweaking a color by feel — raising lightness makes it paler, raising saturation makes it more vivid — while RGB and HEX are what you will paste straight into CSS.
About the CMYK values
The CMYK numbers shown here use a simple RGB-to-CMYK approximation formula, the kind used for on-screen previews. They are not color-managed or calibrated for any specific printer or paper, so treat them as a rough guide rather than print-accurate values.
More tools in this category
Exposure Calculator
Find equivalent camera exposures across aperture, shutter speed, and ISO.
Aspect Ratio Calculator
Scale an image or video proportionally and find its simplified ratio.
CSS Gradient Generator
Design a linear or radial CSS gradient and copy the generated code.
Contrast Checker
Check whether a foreground and background color meet WCAG contrast guidelines.
Color Palette Generator
Turn any base color into complementary, analogous, and triadic color palettes.
Typography Scale Generator
Generate a harmonious set of font sizes from a base size and a scale ratio, ready to copy as CSS custom properties.