Skip to content
Figma Plugin Hub
Contrast Matrix for Variables

Contrast Matrix for Variables

by Erik de Vries

Explore accessible color combinations across your Figma variables.

FreeFigma
Performance report Open in Figma

Installs

46

Likes

14

Users

220

Views

567

Preview

Contrast Matrix for Variables preview

About this plugin

Automatically generates a contrast matrix from your color variables, showing all background–text combinations with WCAG ratios and APCA lightness values. Quickly identify accessible pairings and evaluate each color against black and white for reliable design decisions.

More accessibility tools plugins

View all
Stark - Contrast & Accessibility AI Checker

Stark - Contrast & Accessibility AI Checker

by Stark

Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

300.2K 10.3K
Contrast

Contrast

by Alex Carr

Quickly check and scan for contrast issues on gradients, images, blends, and fills.

271.9K 8.5K
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools

Color Palettes ( Colorsinspo ) : Color & Accessibility Tools

by Manthankumar Satani

A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥

182.7K 4K
A11y - Color Contrast Checker

A11y - Color Contrast Checker

by Kelly Gorr

Text color accessibility

182.6K 4.8K