A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
Color.review is a web-based tool for checking the contrast between a foreground and background color, expressed as a numeric contrast ratio. Colors can be entered and adjusted using RGB, HSL, or CMYK values, and specific color pairs can be linked to directly via URL (e.g., color.review/check/293845-FFFFFF).
The tool evaluates contrast against the WCAG 2.1 accessibility standard, covering both the AA level (4.5 for normal text, 3 for large text/headlines) and the stricter AAA level (7 for normal text, 4.5 for large text). It also notes a minimum contrast of 3 for non-active interface elements like buttons and sliders.
The site is aimed at designers and developers working on accessible digital interfaces, referencing an estimate of 217 million people living with visual impairment as motivation for checking color contrast. It is made by Anton Robsarve, who was at the time soliciting interest in a version of the app with additional features such as swatches and an eyedropper tool, for OS X, Windows, iPhone, and Android.
It checks contrast against the WCAG 2.1 standard, supporting both AA and AAA levels. AA requires a contrast of 4.5 for text and 3 for large text/headlines, while AAA requires 7 for text and 4.5 for large text.
It supports RGB, HSL, CMYK, and CSS hex color formats for both foreground and background colors.
It is for designers and developers who want to ensure their color choices are readable and accessible, including for people with color blindness or visual impairment.
A dedicated app is not yet available; the site is collecting interest for versions on OS X, Windows, iPhone, and Android with features like swatches and an eyedropper.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
A curate list about A11Y. Contribute to brunopulis/awesome-a11y development by creating an account on GitHub.
A CSS stylesheet to quickly highlight a11y concerns. - jackdomleo7/Checka11y.css.
Make sure your website has accessible colors.
Easily calculate color contrast ratios.
Get the current accessibility support status of HTML5 features across major browsers.
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.