Verificador de contrast de color

Proveu la relació de contrast entre els colors de primer pla i de fons per garantir 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)
Black
#000000
Black
#ff7e00

Solucions ràpides

Aa

Títol de la vista prèvia

La guineu marró, ràpida, salta per sobre del gos mandrós

Exemple de text petit (12px)

Text
#000000
Fons
#ff7e00

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. Obligatòria 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.

Poc contrast per a totes les mides de text.

Comprovador de contrast de colors

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

Trieu un color amb el selector de color per al text i el color de fons o introduïu un color en format hexadecimal RGB (p. ex., #259 o #2596BE). Podeu ajustar el control lliscant per seleccionar el color. Les directrius d'accessibilitat de contingut web (WCAG) tenen una directriu específica per ajudar a esbrinar si el text és llegible per als usuaris vidents. Aquest criteri utilitza un algorisme particular per mapejar combinacions de colors en proporcions comparables. Utilitzant aquesta fórmula, WCAG estableix que una relació de contrast de color de 4,5:1 amb 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 3: Relació de contrast de 1 color.

Característiques principals

  • Càlcul de la relació de contrast en temps real
  • Comprovació de compliment de les WCAG AA i AAA
  • Controladors HSL per a un ajust precís
  • Múltiples formats de previsualització

Eines avançades

  • Fixació automàtica del color
  • Exemples de text i fons
  • Detecció del nom del color
  • Exporta els resultats