How to use
- Enter a color code (e.g. #4F46E5, rgb(…), hsl(…) or a CSS color name) or use the color picker.
- Read every format and copy it with one click.
- Check the contrast with white and black text and pick matching tints and shades.
Color formats at a glance
HEX and RGB describe a color by its red, green and blue parts and are the web standard. HSL (hue, saturation, lightness) is more intuitive for lightening or darkening colors. CMYK is the print color model – the values here are an approximation without a color profile.
The contrast check follows the WCAG guidelines: normal text needs a ratio of at least 4.5 : 1 (AA), large text 3 : 1, and AAA requires 7 : 1.
Frequently asked questions
How do I convert HEX to RGB?
Each pair of characters is a hexadecimal value from 00 to FF: #4F46E5 is red 0x4F = 79, green 0x46 = 70, blue 0xE5 = 229.
Are the CMYK values print-accurate?
No. Exact print colors require a color profile (e.g. FOGRA/GRACoL). These values are a good starting approximation.
What do AA and AAA mean for contrast?
They are WCAG accessibility levels. AA is the common minimum standard, AAA the stricter level.