Resources
Adobe Color Contrast Analyzer
Adobe Color Contrast Analyzer ➔
Make your accessibility color palettes and save them on your adobe cloud
01
Colorblindly Color Blindness Simulator
Colorblindly Color Blindness Simulator ➔
Colorblindly is a Chrome extension that helps designers simulate different types of color blindness
02
Generates random pairs of accessible colors with Randoma11y
Randoma11y ➔
Generates random pairs of accessible colors
03
Checks the contrast between two colors, with a preview in page
Color.review ➔
Check the contrast between two colors, with a preview on the page
04
Figma plugin or Mac app for quick access to WCAG color contrast ratios
Use Contrast ➔
Figma plugin or Mac app for quick access to WCAG color contrast ratios
05
Discover how a color combination can affect different people with visual impairments
WhoCanUse ➔
Discover how a color combination can affect different people with visual impairments
06
Figma APCA Contrast Calculator plugin
Figma APCA Contrast Calculator plugin ➔
Zebra is a lightweight APCA color contrast checker
07
Check contrast ratios and get color suggestions to ensure AA or AAA requirements (you can check APCA contrast as well)
Figma Stark Accessibility plugin ➔
Check contrast ratios and get color suggestions to ensure AA or AAA requirements (you can check APCA contrast as well)
08
Check the contrast for all the combinations of colors in a palette
Accessible Color Palette Builder ➔
Check the contrast for all the combinations of colors in a palette
09
Beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratio
Colorsafe ➔
Beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratio
10
Check the contrast between two colors using the Accessible Perceptual Contrast Algorithm (APCA)
APCA Contrast Calculator ➔
Check the contrast between two colors using the Accessible Perceptual Contrast Algorithm (APCA)
11
Create color systems with consistent lightness and contrast
Accessible Palette ➔
Create color systems with consistent lightness and contrast
12
Generates accessible color palettes from a given color
Discover beautiful color combinations ➔
Generates accessible color palettes from a given color
13
Find the good contrasts for web accessibility between two colors. It suggests color alternatives
Tanaguru Contrast-Finder ➔
Find the good contrasts for web accessibility between two colors. It suggests color alternatives
14
Apply a color filter to a web page to view how colorblind people perceive the page
Colorblind Web Page Filter ➔
Apply a color filter to a web page to view how colorblind people perceive the page
15
Check the contrast between two colors using the Accessible Perceptual Contrast Algorithm (APCA)
Bridge-PCA Contrast Calculator ➔
Bridge PCA reports contrast not only as the APCA Lc value (lightness contrast) but also with a WCAG 2 compatible ratio display, which can be used with WCAG 2 SCs like 1.4.3.
16
Check the contrast between two colors
Colorable ➔
Check the contrast between two colors
17
Check contrast multiple foreground and background color combos for a11y with WCAG 2.1 minimum contrast
Figma Contrast Grid Plugin ➔
Check contrast multiple foreground and background color combos for a11y with WCAG 2.1 minimum contras
18
Take a set color palette and get contrast values for every possible combination
Web Contrast Grid ➔
Take a set color palette and get contrast values for every possible combination