Accessible Color Generator
A tool for creating color variations on a base color to meet WCAG AA or AAA color contrast ratio guidelines.
About Accessible Color Generator
The Accessible Color Generator is a browser-based tool that checks color combinations against WCAG contrast guidelines (AA and AAA) and suggests adjusted color variations that meet those standards for both large/bold text and small text. Users input a color pair and receive a pass/fail result along with alternative combinations when the original does not meet accessibility thresholds.
It is aimed at UI and UX designers and developers who need to verify or fix text-and-background color contrast for accessibility compliance. The tool is offered free alongside other utilities from the same site, including a gradient generator, a mesh gradient generator, and a data visualization color picker.
Key features
- Checks color contrast against WCAG AA and AAA guidelines
- Suggests closest accessible color variations that pass contrast requirements
- Evaluates contrast separately for large/bold text and small text
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
A11Y Style Guide
AccessibilityStyle guide and pattern library promoting accessible components and WCAG compliance criteria.
A11ygator
AccessibilityAn application, a Twitter bot and a browser extension that bites websites to taste their accessibility.
A11yWeekly
Accessibility/NewsletterA weekly dose of web accessibility to help you bring it into your every day work.
ally.js
Accessibility/LibraryJavaScript library to help modern web applications with accessibility concerns by making accessibility simpler.
Awesome a11y
AccessibilityA curate list about A11Y. Contribute to brunopulis/awesome-a11y development by creating an account on GitHub.
Checka11y.css
Accessibility/ProgrammingA CSS stylesheet to quickly highlight a11y concerns. - jackdomleo7/Checka11y.css.
