Color Blind Check

About this plugin

Color Blind Check simulates how your colors appear across 8 types of color vision deficiency, including Protanopia, Deuteranopia, Tritanopia, Achromatopsia, and their anomalous variants.

Select any layer and the plugin instantly detects your foreground color and its background from the canvas, then shows you a live preview for every vision type alongside a WCAG 2.1 contrast rating.

Need to adjust? Use the built-in color picker to tweak your foreground or background in real time. A contrast spectrum bar shows exactly where your ratio lands across the Fail / AA-Large / AA / AAA thresholds as you drag. Once you've found a combination that works, hit Apply to push the color directly back to your Figma layer.

Features

1. 8 color blindness simulations with scientifically accurate matrices
2. Auto-detects background color from parent layers
3. Live WCAG 2.1 contrast checker with spectrum visualization
4. Inline HSV color picker with hex input
5. One-click apply to update the layer color in Figma
6. Updates automatically on selection change