Check color contrast for accessibility. Lea Verou's tool.
What is Contrast Ratio?
Check color contrast for accessibility. Lea Verou's tool. See it in our Design Tools collection.
Key benefits
- Contrast Ratio helps you design or prototype interfaces faster than starting from scratch.
- Contrast Ratio supports modern product design workflows, from early exploration through handoff.
- Teams can use Contrast Ratio alongside tools like Figma, Webflow, or Framer for a more complete design stack.
Use cases
- Using Contrast Ratio during early sketching and wireframing for a new product or feature.
- Relying on Contrast Ratio to maintain design systems, component libraries, or tokens.
- Pairing Contrast Ratio with your dev stack so handoff to engineering is smoother.
About Contrast Ratio
Check color contrast for accessibility. Lea Verou's tool.
Contrast Ratio appears in The Stash under the design tools category so you can quickly understand what it does, when to use it, and where it fits into your workflow.
Sources & further reading
- contrast
- accessibility
- color
- wcag
Similar resources in Design Tools
More design tools to explore.
Comments