Verificador de contrast de color

Prova la relació de contrast entre els colors de primer pla i de fons per assegurar l'accessibilitat.

1.00:1
Contrast
Fail
Molt pobre

Text normal

AA (4.5:1)
AAA (7:1)

Text gran

AA (3:1)
AAA (4.5:1)
White
#ffffff
Purple Mountain's Majesty
#9678b6

Correccions ràpides

Aa

Títol de previsualització

El ràpid guineu marró salta sobre el gos mandrós

Exemple de text petit (12px)

Text
#ffffff
Fons
#9678b6

Estàndards WCAG

Level AA

Relació de contrast mínima de 4.5:1 per a text normal i 3:1 per a text gran. Requerit per a la majoria de llocs web.

Level AAA

Relació de contrast millorada de 7:1 per a text normal i 4.5:1 per a text gran. Recomanat per a una accessibilitat òptima.

Contrast insuficient per a totes les mides de text - no compleix els estàndards WCAG.

Verificador de contrast de color

Calcula la relació de contrast entre els colors del text i el fons.

Tria un color utilitzant el selector de color per al text i el color de fons o introdueix un color en format hexadecimal RGB (per exemple, #259 o #2596BE). Pots ajustar el control lliscant per seleccionar el color. Les Directrius d'Accessibilitat del Contingut Web (WCAG) tenen una directriu específica per ajudar a determinar si el text és llegible per als usuaris amb visió. Aquest criteri utilitza un algorisme particular per mapar combinacions de colors en relacions comparables. Utilitzant aquesta fórmula, les WCAG estableixen que una relació de contrast de color de 4.5:1 entre el text i el seu fons és adequada per al text normal (cos), i el text gran (18+ pt normal, o 14+ pt en negreta) hauria de tenir almenys una relació de contrast de 3:1.

Característiques clau

  • Càlcul de la relació de contrast en temps real
  • Verificació de compliment WCAG AA i AAA
  • Controls HSL per a ajustos precisos
  • Formats de previsualització múltiples

Eines avançades

  • Correcció automàtica de colors
  • Mostres de text i fons
  • Detecció de noms de color
  • Exportar resultats