CSS & Color Tools

Type into any field — HEX, RGB or HSL — and the other two update automatically, along with the swatch.

WCAG (Web Content Accessibility Guidelines) sets minimum contrast ratios so text stays readable for people with low vision. AA is the standard most sites aim for; AAA is stricter. "Large text" means 18pt+ (or 14pt+ bold).

Box Shadow Border Radius