Color Converter
Convert colors between different formats including RGB, HEX, HSL, and CMYK. Perfect for web development, graphic design, and digital art.
Please enter a valid HEX color (e.g. #FF5733)
About Color Formats
HEX (Hexadecimal) - A six-digit code preceded by a hash (#) that represents RGB values in hexadecimal format. Each pair of digits represents red, green, and blue components from 00 to FF (0-255 in decimal). Example:
#FF5733
RGB (Red, Green, Blue) - A color model that adds red, green, and blue light components to create various colors. Each component ranges from 0-255. Example:
rgb(255, 87, 51)
HSL (Hue, Saturation, Lightness) - A more intuitive color model:
- Hue is the color type (red, blue, etc.) represented as an angle on the color wheel (0-360 degrees)
- Saturation is the intensity or purity (0-100%)
- Lightness is how light or dark the color is (0-100%)
hsl(14, 100%, 60%)
CMYK (Cyan, Magenta, Yellow, Key/Black) - A subtractive color model used in color printing. Each component ranges from 0-100%. Example:
cmyk(0%, 66%, 80%, 0%)
Color Models in Different Media - RGB is for digital displays, CMYK for printing, and HSL for human-friendly color selection and manipulation.
Common Color Examples
| From | To | Formula (Simplified) |
|---|---|---|
| HEX | RGB | Convert each 2-digit hex pair to decimal |
| RGB | HEX | Convert each RGB value to 2-digit hex |
| RGB | HSL | Complex formula based on min/max RGB values |
| HSL | RGB | Complex formula with special cases for each saturation and lightness range |
| RGB | CMYK | R'=R/255, G'=G/255, B'=B/255 K=1-max(R',G',B') C=(1-R'-K)/(1-K) M=(1-G'-K)/(1-K) Y=(1-B'-K)/(1-K) |
| CMYK | RGB | R=255×(1-C)×(1-K) G=255×(1-M)×(1-K) B=255×(1-Y)×(1-K) |
