Accessible Colors
Web helper that suggests accessible color adjustments when a pair fails contrast requirements.
Home / Categories / Color Contrast
Color Contrast
12 tools in this category.
Adobe Color Contrast Analyzer
Web tool in Adobe Color for checking whether chosen color pairs meet WCAG contrast requirements.
APCA Contrast Calculator
APCA contrast resources and calculators for evaluating perceptual contrast beyond classic WCAG 2 contrast ratios.
Color Contrast Checker (Polypane)
Online contrast checker from the Polypane browser team for validating text and UI color pairs.
Colour Contrast Analyser (CCA)
Open-source Colour Contrast Analyser desktop app for measuring text and UI contrast against WCAG thresholds.
Contrast (macOS)
macOS menu-bar app for quickly sampling on-screen colors and checking WCAG contrast.
Contrast Ratio (Lea Verou)
Minimal online contrast-ratio calculator for two CSS colors with WCAG level indicators.
Stark
Design-tool plugin suite for Figma, Sketch, and browsers focused on contrast, vision simulation, and accessibility annotations.
Tanaguru Contrast-Finder
Open-source web app that finds nearby accessible color alternatives when contrast is too low.
wcag-contrast (npm)
Small JavaScript library that computes WCAG contrast ratios programmatically for design systems and tests.
WebAIM Contrast Checker
Online form that calculates contrast ratio between foreground and background colors and reports WCAG AA/AAA pass/fail.
Who Can Use
Contrast explorer that estimates how different vision conditions may experience a given color pair.