Paste any color in any format and instantly get every other format. Type a HEX, RGB, HSL, CMYK, or even a CSS named color (like coral or rebeccapurple) and watch the live preview, plus 10 output formats, RGB Float, HSV, HSLA, RGBA, Hex Short, perceptual brightness, and more.
Type or paste any color value: hex, RGB, HSL, CMYK, or a named color.
See every format converted instantly side by side.
Click any value to copy it to your clipboard for use anywhere.
Designers think in HEX, web devs read RGB, marketers spec colors in CMYK, and brand guidelines often list HSL. The converter handles all four plus named colors from a single input field.
Click any output to copy it instantly, paste straight into your CSS, design tool, or print spec.
A single input box accepts any format the moment you paste it. HEX (with or without #), short HEX, rgb()/rgba(), hsl()/hsla(), bare comma-separated triples like "255, 0, 128", and any CSS named color including modern ones like rebeccapurple, lavender, peachpuff. Invalid input is highlighted in red, valid input cascades to every output instantly.
Featured outputs at the top: HEX (uppercase) and RGB. Below: RGB Float (0-1 range for shaders and 3D apps), HSL, HSV, CMYK (for print), HSLA, RGBA, Hex Short (when applicable), and a perceptual Brightness metric using ITU-R BT.601 weights with Light/Mid/Dark labels.
A circular eyedropper button in the bottom-right of the live preview opens your browser’s native color picker. Pick a color visually and every output field updates immediately, no need to know the hex of the shade you want.
Every output field has its own copy button, and you can also click directly on the value text to copy. A toast notification at the bottom of the screen confirms each copy with the actual value that was copied. Falls back to the legacy execCommand path on older browsers that block navigator.clipboard.
More Image tools you might find useful.
Common questions about color conversion.
