✓ 100% FREE — No Signup Needed
Convert HEX, RGB, HSL and CMYK instantly. Build a balanced palette, explore tones and test readable contrast.
Tap the circle or enter a HEX value.
CMYK is an on-screen approximation. Printed output varies by printer, ink and color profile.
Test text against a background using WCAG ratios.
Each harmony follows your selected base color. Tap a swatch to copy it.
Tap any tone to copy its HEX code.
Different formats describe the same color for different workflows.
HEXCompact and widely used in web design and CSS.RGBRed, green and blue channels for screens and digital graphics.HSLHue, saturation and lightness—often easier for adjusting color families.CMYKCyan, magenta, yellow and black—a practical preview for print workflows.Enter or select a HEX color above. Its red, green and blue values appear instantly in the RGB field.
Use at least 4.5:1 for normal text and 3:1 for large text. A ratio of 7:1 meets enhanced AAA for normal text.
A tint mixes a color with white. A shade mixes it with black.
Yes. HEX, RGB and HSL values can be pasted directly into CSS color properties.