Click the color swatch to open the visual picker
Or type a code directly into any format field
All formats update instantly. Copy any value.
Convert between HEX, RGB, HSL, HSV, and CMYK as you type.
Automatically generates 9 shades and tints for building palettes.
Generates ready-to-use CSS custom properties for all color formats.
Shows WCAG contrast ratios for white and black text.
HEX is a hex color code for HTML/CSS. RGB uses red, green, blue values (0–255). HSL uses hue, saturation, and lightness—more intuitive for designers.
Split the hex into three pairs and convert each from base-16 to base-10. For example, #FF5733 → FF=255, 57=87, 33=51 → rgb(255, 87, 51).
CMYK is used in print design. Web design uses RGB/HEX, but print requires CMYK. This tool helps convert between the two when preparing designs for print.
WCAG defines minimum contrast ratios for accessibility. AA requires 4.5:1, AAA requires 7:1. This tool calculates contrast against white and black backgrounds.
More Free Tools