Ir para o conteúdo principal
Images

WCAG Contrast Checker

Check color contrast and WCAG AA/AAA conformance with preview and export.

0 of 3 uses today · 3 remaining. Go Pro and remove the limit.

Upgrade

WCAG Contrast Checker

WCAG 2.1On-device processing

WCAG 2.1 compliance with live preview and accessible color suggestion.

Algorithm
Foreground color
Adjust foreground0
Background color
Adjust background0
Live preview
Sample content

This paragraph demonstrates the color pair in running text for quick visual validation of contrast.

Small support text requiring the highest level of contrast.

Result

Contrast diagnosis

Shareable link
Ratio
6.7:1
Level
AA
Normal text
AA · Pass
AAA · Fail
Large text
AA · Pass
AAA · Pass
UI elements
AA · Pass
APCA Lc
Lc
82.2
Polarity
Dark text / light background
Band
High contrast
Verdicts by size (APCA Bronze/Silver)
Caption 12px· regular · min Lc 90
Bronze · FailSilver · Fail
Body small 14px· regular · min Lc 75
Bronze · PassSilver · Fail
Body 16px· regular · min Lc 60
Bronze · PassSilver · Pass
Subheading 20px· medium · min Lc 60
Bronze · PassSilver · Pass
Headline 32px· bold · min Lc 45
Bronze · PassSilver · Pass
Color Blindness Simulation
Estimated reach: 100%
Normal
Aa
6.7:1Passes AA
~92.987% of population
Deuteranopia
Aa
10:1Passes AA
~6% of population
Protanopia
Aa
9.2:1Passes AA
~1% of population
Tritanopia
Aa
3.4:1Fails AA
~0.01% of population
Achromatopsia
Aa
8.2:1Passes AA
~0.003% of population
Accessible suggestion
Current combination already passes AA — no suggestion needed.
Saved pairs0 pairs
No saved pairs yet.
Sobre

What is WCAG Contrast Checker?

Por Quorify EditorialAtualizado em

Quorify's WCAG Contrast Checker tool checks color contrast and WCAG AA/AAA compliance with preview and export. Processing happens locally in your browser via Canvas API and standardized formats—useful when you're dealing with sensitive images (passport, contract, internal screenshot) and prefer not to upload to an external server. Supports modern formats (JPEG, PNG, WebP, AVIF) following ISO/IEC standards. Part of Quorify's image toolkit—combine with other compression, conversion, and visual editing tools. For details on data handling, see our Privacy Policy.

Casos

When to use

  1. Prepare images before uploading to a website, e-commerce, or social media.

  2. Speed up freelance design work with repetitive tasks (batch resize, format conversion).

  3. Edit screenshots for technical documentation or tutorials without opening heavy editors.

  4. Prepare marketing materials—banners, posts, thumbnails—in optimized formats.

  5. Solve quick tasks without needing to install Photoshop or similar software.

Método

How it works

WCAG Contrast Checker uses Canvas API and the browser's native image codecs, which implement the ISO/IEC standards for JPEG, PNG, WebP, and AVIF. Processing is local—the image is not sent to an external server. For complete details on data handling, see our Privacy Policy.

FAQ

Frequently asked questions

Is the image sent to a server?
No. WCAG Contrast Checker processes the image locally in the browser via Canvas API. For complete details on data handling, see our Privacy Policy.
What formats are supported?
The main web formats (JPEG, PNG, WebP, AVIF). Support for legacy formats (BMP, TIFF) may vary by browser.
Is there a size limit?
Processing depends on browser memory. Very large images (above 50 MB) may slow down the page. We recommend compressing beforehand if necessary.
Is quality preserved?
Lossless conversions preserve full quality. Conversions with compression (JPEG, WebP) follow the chosen level—there's always a tradeoff between size and quality.
Does it work on mobile?
Yes, in modern browsers. Very large images may be limited by mobile device memory.
Can I process multiple images?
Some tools support batch processing. Check the specific tool interface to confirm.
Fontes

Official sources

Tabelas, leis e referências consultadas para fundamentar esta ferramenta.

  1. International standardsISO/IEC 14496/15444 seriesISO/IEC JTC1 SC29

    Image and Video Format Specifications

    International standards for encoding and exchanging images (JPEG, PNG, WebP, AVIF) and video—reference used by browsers and editing software.

  2. Official documentationCurrentGoogle Web Dev

    Web Image Best Practices

    Google's recommendations on web image optimization—modern formats, lazy loading, sizing, and impact on Core Web Vitals.

  3. Industry standardExif 2.32CIPA · Camera & Imaging Products Association

    Exif Specification

    Exif metadata standard (Exchangeable Image File Format) used by digital cameras and smartphones to store capture information.

Metodologia — esta ferramenta consulta as tabelas e legislação vigentes nas fontes acima. As regras são atualizadas conforme novas instruções normativas são publicadas pelos órgãos competentes.

Última verificação editorial: junho de 2026.

Compartilhe

Related

Related tools

toolLayout.related_description