Verificador de contrast de color

Prova la proporció 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
Black
#b400ff

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
#b400ff

Estàndards WCAG

Level AA

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

Level AAA

Proporció de contrast millorada de 7:1 per al text normal i 4.5:1 per al 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 proporció de contrast entre el text i els colors de fons.

Tria un color utilitzant el Color Picker 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 proporcions comparables. Utilitzant aquesta fórmula, les WCAG estableixen que una proporció 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 proporció 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 colors
  • Exportar resultats