Monu Tools

Verificador de contrast de color

Comprova la ràtio de contrast entre dos colors respecte als nivells d'accessibilitat WCAG AA i AAA.

Com fer servir Contrast de color

  1. 01

    Tria un color de text i un color de fons.

  2. 02

    Llegeix la ràtio de contrast i les insígnies de compliment WCAG.

  3. 03

    Ajusta els colors fins que superin el nivell que necessites.

Preguntes freqüents

Quina ràtio de contrast necessito?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). AAA requires 7:1 and 4.5:1 respectively.

Què compta com a text gran?

Text that is at least 24px (18pt), or 18.66px (14pt) when bold. Large text is allowed a lower contrast ratio.

Com es calcula la ràtio?

From the relative luminance of each colour using the official WCAG formula, giving a value from 1:1 (no contrast) to 21:1 (black on white).

Sobre aquesta eina

Un verificador de contrast de color WCAG que mostra la ràtio de contrast exacta entre un color de text i de fons i si compleix els nivells d'accessibilitat AA i AAA.

Tria colors amb el selector o per codi hex i mira una vista prèvia en directe. Un bon contrast fa el teu lloc llegible i accessible.

Eines relacionades