Comprovador de contrast de color

Com funciona el nostre verificador de contrast de color

Introdueix els colors de primer pla i fons utilitzant valors hexadecimals RGB, o tria'ls directament amb el selector de colors.

 Pots:

• Ajusta Alpha per canviar com de transparent és el color del primer pla.
• Utilitza el control lliscant de Claredat per fer que el color sembli més clar o més fosc.

La nostra eina calcula llavors la ràtio de contrast i la compara amb les directrius WCAG:

• WCAG 2.0 Nivell AA
• Almenys 4,5:1 per al text corporal normal
• Almenys 3:1 per a text gran
• WCAG 2.1 (Interfície d'usuari i gràfics)
• Almenys 3:1 per a icones, vores i altres components d'interfície
• WCAG Nivell AAA
• Almenys 7:1 per a text normal
• Almenys 4,5:1 per a text gran

Text gran vol dir o bé:

• 14 punts (uns 18,66 px) i negreta, o
• 18 pt (aproximadament px) o més

Pots utilitzar el comptegotes del selector de colors per agafar colors exactes de qualsevol cosa a la pantalla. Facilita provar dissenys reals, botons o fons.

Per a enllaços que només es basen en el color per destacar, utilitza el nostre verificador de contrast de color per assegurar-te que compleixen els estàndards d'accessibilitat i són fàcils de llegir per a tothom.