Enter a color in any format — HEX, RGB, or HSL — and instantly get all conversions: HEX, RGB, RGBA, HSL, HSLA, and CMYK.
Different tools and contexts require different color formats. CSS supports HEX, RGB, and HSL natively. Graphic design software often works with CMYK for print output. JavaScript colour manipulation is easiest with RGB values. Having all formats at your fingertips eliminates manual calculation errors and speeds up your workflow when moving between design tools, code editors, and print preparation.
HEX is a compact six-character representation prefixed with a hash symbol, widely used in CSS. RGB and RGBA specify red, green, and blue channels from 0 to 255, with RGBA adding an alpha channel for transparency. HSL and HSLA describe colors by hue (0-360 degrees), saturation (0-100%), and lightness (0-100%), making it intuitive to create colour variations. CMYK represents the four ink plates used in colour printing: Cyan, Magenta, Yellow, and Key (black).
Enter your colour in any standard format and the converter automatically identifies whether it is HEX, RGB, or HSL. HEX values are detected by the hash prefix and hexadecimal characters. RGB and HSL are detected by their function syntax. Once the input format is identified, the tool converts to all other formats using precise mathematical formulas, ensuring accuracy across every conversion.