ImageColorPicker.com

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)
✖
#FFFFFF
#ffffff
#546E7A
#546e7a

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
#546e7a

Estàndards WCAG

Level AA

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

Level AAA

Proporció millorada de contrast 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.

Trieu un color amb el selector de colors per al text i el color de fons o introduïu un color en format hexadecimal RGB (per exemple, #259 o #2596BE). Podeu 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 a usuaris amb visió. Aquest criteri utilitza un algoritme concret per combinar combinacions de colors en ràtios comparables. Utilitzant aquesta fórmula, la WCAG especifica que una proporció de contrast de color de 4.5:1 entre text i fons és adequada per al text normal, i el text gran (18+ pt regular, o 14+ pt 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 color
  • • Exportar resultats