Color Code Converter
Instantly translate and copy colors across HEX, RGB, HSL, and CMYK formats. Generate precise shades and tints for your UI palettes.
Color Selection
Pick a color or input a HEX code.
Shades & Tints
Auto-generated palette scale.
Understanding Color Codes
In web design and digital art, colors are represented in several different formats depending on the medium and technology stack being used. Our converter instantly translates between the four most common standards.
HEX (Hexadecimal)
HEX codes are the standard for web design (HTML/CSS). They are 6-digit alphanumeric codes preceded by a hashtag (e.g., `#3b82f6`). The pairs represent the intensity of Red, Green, and Blue on a scale from 00 to FF.
RGB (Red, Green, Blue)
RGB is the format used by digital displays and screens. It defines colors based on the intensity of red, green, and blue light from 0 to 255. An alpha channel can also be added (RGBA) to control opacity.
HSL (Hue, Saturation, Lightness)
HSL is favored by many modern developers because it's highly intuitive. Hue is represented as an angle on the color wheel (0-360), while Saturation and Lightness are percentages. This makes it incredibly easy to create darker or lighter shades simply by tweaking the Lightness percentage.
CMYK (Cyan, Magenta, Yellow, Key/Black)
CMYK is the standard color model used in physical printing. Unlike RGB, which is additive (adding light), CMYK is subtractive (absorbing light). Converting digital RGB colors to CMYK is essential before sending any design to a physical printer to ensure color accuracy.