Comprovador de contrast de color

Com es fa

1. 1
   Omple els camps

   Escriu els teus números o tria les opcions que necessites.

2. 2
   Mira el resultat

   La resposta s'actualitza a l'instant quan canvies un valor.

3. 3
   Fes-lo servir

   Copia el resultat o apunta'l. No s'envia res enlloc.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Exemple resolt

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Consells per obtenir el millor resultat

Comprova cada camp abans de fiar-te d'un resultat, perquè una sola xifra errònia canvia tota la resposta. Fes servir els números exactes d'una nòmina, factura, certificat o contracte i anota la data del càlcul. Els tipus, els llindars i les regles canvien de tant en tant, de manera que per a impostos, taxes i qüestions legals considera el resultat una estimació i contrasta'l amb la font oficial indicada en aquesta pàgina. Pots provar tants escenaris com vulguis; no es desa ni s'envia res i recarregar la pàgina buida els camps.