Back to Plugins
Contrast Checker Pro

Contrast Checker Pro

Smart contrast checking, even with image backgrounds.

Plugin Preview

Contrast Checker Pro preview

About this plugin

🎨 Advanced Contrast Checker


🎨 Advanced Contrast Checker – Smart Contrast Analysis for Accessible Design


Take your design’s accessibility to the next level.


Advanced Contrast Checker: is a plugin built to detect and analyze contrast issues, even in complex scenarios like elements with **image backgrounds**.


🧠 Key Features:


1. 🎯 Accurate Detection


  1. Automatically identifies when an element has an **image as a background.
  2. Checks the layer hierarchy, scanning parent elements if necessary.


2. πŸ“’ Clear and Visual Feedback


  1. Displays a prominent message when an image background is detected.
  2. Indicates that the contrast ratio is an approximation, offering a helpful reference.
  3. Includes visual icons for better clarity and user understanding.


3. 🌍 Multilingual Support


  1. Available in English, Spanish, and Chinese.
  2. Automatically switches language based on your Figma settings.


4. πŸ€– Intelligent Behavior


  1. No color suggestions are shown when the background is an image.
  2. Uses a light gray approximation** to estimate contrast without misleading results.



Designed for creators who care about building **visually inclusive and accessible interfaces**, without compromising on precision or speed.


With 🎨 Advanced Contrast Checker accessibility becomes a natural part of your design workflow.

Plugin Details

Version1
CreatedJune 19, 2025
Last UpdatedJune 19, 2025
CategoryAccessibility tools
CreatorCristian Extiven Valencia Pino
Stats2 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none