Color Contrast Checker

Contrast makes it easy to check the contrast ratios of colors as you work. Select a layer and Contrast will immediately look for the color directly behind your selection and serve up the contrast ratio along with passing and failing levels from the Web Content Accessibility Guidelines (WCAG). If ...

‎From the perspective of a color blind person, some colors are impossible to distinguish. Sim Daltonism lets you visualize colors as they are perceived with various types of color blindness. Move the Sim Daltonism window over something on the screen and see what it looks like with a color blindness.…

TPGi's ADA Color Contrast Checker helps determine the accessibility of the contrast ratio of two colors for WCAG AA and AAA.

A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.

Check the contrast between different colour combinations against WCAG standards

null

Learn what it takes to ensure your buttons or button-styled links have accessible contrast across all states and surfaces, then use the generator to check and adjust your button palette.

A tool that evaluates the ADA compliance of your brand’s color palette.

Use Contrast for Figma is your new favorite plugin. Get quick access to WCAG color contrast ratios and have fun doing it. Also available for macOS.

A tool that brings attention and understanding to how color contrast can affect people with different visual impairments.