A macOS app for quick access to WCAG color contrast ratios.Visit site »
The Web Content and Accessibility Guidelines are provided as a means to create more accessible interfaces for all, especially those with visual impairment.
The entire app UI updates instantly when picking colors, making it easy to get the color contrast information you need to make informed decisions about the color of your text.
With this app you can see the contrast score as soon as colors are picked. No more disrupting your design flow by going online to check contrast.
Join with hundreds of other creatives and get a roundup of the best UX articles, resources and tools every week.Get the newsletter
We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.
This is a tool to help designers build color palettes with combinations that conform with accessibility standards.
Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.
Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
Use the Colorblind Colorlab to select safe colors earlier in the design process.
Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.