Color Converter
Convert between RGB, HEX, HSL, and CMYK color formats. Get color codes for your designs and development projects.
Color Codes
HEX
6-digit (with #)
3-digit (with #, if possible)
RGB
Decimal
Percentage
HSL
CMYK
Accessibility
Best text color
WCAG Contrast Ratio
About Color Formats
HEX
A hexadecimal color is specified with: #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color.
Example: #FF5733
RGB
RGB stands for Red, Green, Blue. Each component is an integer between 0 (darkest) and 255 (lightest).
Example: rgb(255, 87, 51)
HSL
HSL stands for Hue, Saturation, Lightness. Hue is a degree on the color wheel (0-360), saturation is a percentage (0-100%), and lightness is a percentage (0-100%).
Example: hsl(12, 100%, 60%)
CMYK
CMYK stands for Cyan, Magenta, Yellow, and Key (black). All values are percentages (0-100%) representing how much of each ink is used.
Example: cmyk(0%, 66%, 80%, 0%)
Color Accessibility
When choosing colors for web design, it's important to consider contrast ratios to ensure text is readable for all users, including those with visual impairments. The WCAG (Web Content Accessibility Guidelines) recommend a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.