All tools

Design & Accessibility

Check WCAG color contrast, convert HEX, RGB and HSL colors and generate favicons.

HEX / RGB / HSL Color ConverterConvert colors between HEX, RGB, HSL and CMYK instantly with a color picker and copy-ready CSS values. WCAG Contrast CheckerCheck text and background color contrast against WCAG 2.2 AA and AAA. See the ratio, pass/fail and a live preview. Favicon GeneratorTurn any image into favicon.ico, PNG favicons, Apple touch icon and Android icons with the HTML code. Download as ZIP.

Design and accessibility tools

Tools for designers and developers who want sites that look good and work for everyone. Convert colors between formats, check that text is readable for people with low vision or color blindness, and generate a complete set of favicons for browsers, phones and installable web apps.

  • The WCAG Contrast Checker tests text and background colors against the AA and AAA levels of WCAG 2.2, which accessibility laws in many countries reference, and suggests a passing color when yours fails.
  • The HEX, RGB & HSL Converter translates any CSS color into every format and generates tints and shades for a palette.
  • The Favicon Generator creates favicon.ico, PNG icons, the Apple touch icon, Android icons and a web manifest from one image.

Accessibility is good design

About one in twelve men has some form of color vision deficiency, and screen glare affects everyone outdoors. Sufficient contrast, clear focus states and readable type sizes make your site easier to use for all visitors, and they are also signals of a high-quality page.