Paste a colour in any notation — HEX, RGB, HSL, HSB or a CSS colour name — and get every other format back instantly, each with its own copy button.
Colour conversion happens locally — nothing is sent anywhere.
HEX, HEX8, RGB, RGBA, HSL, HSLA, HSB/HSV and CMYK from a single input.
Each output row has its own copy button, formatted ready to paste into CSS or a design tool.
Transparency survives the conversion instead of being silently dropped.
Type or paste a colour in whichever notation you have, and read off the rest.
The same colour can be written in half a dozen ways, and each notation exists for a reason. HEX is compact and dominates stylesheets and design handoffs. RGB maps directly to how a screen emits light. HSL and HSB describe colour the way a human thinks about it, which makes them far easier to adjust by hand. CMYK exists for ink on paper. Converting between them is pure arithmetic, and this tool does all of it locally.
A hex colour is just RGB written in base 16. The 8-digit form appends two more characters for the alpha channel.
Three channels from 0 to 255 describing how much red, green and blue light the display mixes. Modern CSS also accepts space-separated syntax.
Hue, saturation and lightness or brightness. Adjusting one channel at a time produces predictable tints and shades, unlike editing raw RGB.
Subtractive inks for print. The conversion here is the standard uncalibrated formula and should be treated as a starting point, not a proof.
Questions about HEX, HSB, alpha channels and print colour.
Both start from the same hue angle, but HSB (also called HSV) measures brightness, where 100% brightness with 0% saturation is white and 0% brightness is always black. HSL measures lightness, where 50% lightness is the pure hue and 100% is always white. Design tools such as Figma and Photoshop use HSB; CSS uses HSL.
CMYK is device dependent. The values here use the standard naive conversion from RGB, which is fine for rough reference but is not colour managed. For accurate print work, convert through an ICC profile in your design application.
Yes. Enter an 8-digit hex value or an rgba()/hsla() colour and the alpha is carried through to HEX8, RGBA and HSLA outputs.
It does. Type rebeccapurple, tomato or any of the 148 named CSS colours and the browser resolves it before conversion.
Hue is a position on the colour wheel measured in degrees: 0 is red, 120 is green and 240 is blue. Both HSL and HSB share the same hue value for a given colour.