Contrast

by WillowTree
No items found.
No items found.
01 / 00

Contrast makes it easy to check the contrast ratios of colors as you work. Select a layer and Contrast will immediately look for the color directly behind your selection and serve up the contrast ratio along with passing and failing levels from the Web Content Accessibility Guidelines (WCAG). If Contrast cannot find the background color, add another layer to your selection, and Contrast will compare them both.

Tags
UI/UX Design
Product Design
Colour
More like this
Tencent CoDesign
QR Code Designer
Icons → Code
VectorPortal
Ira Design
Locofy Lightning
Shrink.media
Upscale.media
DesignDoc [Spectral]: Measures, Annotations, and Handoff
EightShapes Specs
Redlines & Annotations
Icons8 Background Remover
Vectary
Format mockup
Mockrocket
Afterimage
Design System Hub
Pictogrammers
Origami Studio 3
Colors by Fardos
Icons8 Background Remover
Site Inspire
Google sheet sync
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Stark - Contrast & Accessibility Checker
Status Dropdown
TagIt: Tags Manager
Qualas Tracking Plan
Amplitude Event Planner
Variant Annotator
MockFlow AnnotatePro
axe for Designers: A Free Accessibility Plugin
Include—Accessibility Annotations
Sticky Notes Kit
Annotate Design
A11y - Focus Order
Status Annotations
Visualize Your Colors & Fonts On a Real Site
Physics animation
Export to GIF/Video