Back to Plugins
Contrast Checker

Contrast Checker

See the contrast ratio of two selected layer colors

color contrast ratioweb accessibility toolsfree contrast checkercolor contrast checkercontrastwcag contrast ratiocontrast checkerinclusive design toolsada compliance checkercontrast ratio analysiswcag compliance toolreadability checkaccessibility checker

Plugin Preview

Contrast Checker preview

About this plugin

This tool allows you to effortlessly check the contrast ratio between the colors of any selected layer and its background, ensuring your designs meet WCAG standards for accessibility.Key Features:Quick Contrast Ratio Analysis: Instantly check the contrast ratio between any text or element and its background for web accessibility.Accessibility Compliance: Ensure your designs are accessible to all users by meeting WCAG (Web Content Accessibility Guidelines) standards.User-Friendly Interface: Simple and intuitive design for efficient workflow.Why Choose Pixelait's Contrast Checker?Free to Use: No cost, no strings attached. Perfect for freelancers, agencies, and in-house teams.Boosts Accessibility: Helps you create inclusive designs that everyone can enjoy, ensuring ADA compliance.Discover More with Pixelait: Expand your design toolkit with other free tools by Pixelait:Color Palette Extractor: Extract color palettes from any image effortlessly, perfect for graphic designers and brand strategists.Text Extractor from Image: Convert text from images into editable documents, ideal for content creators and marketers.Spell Check from Image: Ensure your text is error-free by checking spelling directly from images, essential for copywriters and editors.Visit our website to explore the web apps of these powerful tools and enhance your design workflow further.For more OCR tools visit pixelait.com

Plugin Details

Version7
CreatedJuly 13, 2024
Last UpdatedJune 27, 2026
CategoryAccessibility tools
CreatorPixelait
Stats160 installs, 30 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    The plugin authenticates users via the Pixelait device authorization flow on https://pixelait.com. Firebase and Google domains are required by the Firebase Auth SDK.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://identitytoolkit.googleapis.com
    • https://lh3.googleusercontent.com
    • https://pixelait.com
    • https://securetoken.googleapis.com
    • https://www.googleapis.com