Färgkontrastkontroll (WCAG)

Hur kontrollerar jag färgkontrast?

Så här använder du

  1. Ange dina värden i fälten ovan.
  2. Tryck på Beräkna för att se resultatet direkt.
  3. Använd Dela-knappen för att kopiera en länk till ditt resultat.

Om denna kalkylator

Det här verktyget beräknar WCAG-kontrastkvoten mellan en förgrunds- och en bakgrundsfärg, ett värde från 1:1 (identiska färger, ingen kontrast) upp till 21:1 (rent svart på rent vitt), uträknat ur varje färgs relativa luminans. Sedan prövas kvoten mot de officiella tillgänglighetströsklarna AA och AAA — vanligen 4,5:1 för vanlig text och 3:1 för stor text enligt AA, med strängare miniminivåer enligt AAA — för att avgöra om en viss kombination av text och bakgrund verkligen är läsbar nog för att uppfylla tillgänglighetsstandarderna.

Det används av webbformgivare och frontendutvecklare som kontrollerar en färgpalett innan den släpps, eftersom text med låg kontrast är en av de vanligaste tillgänglighetsklagomålen och kan strida mot rättsliga tillgänglighetskrav i vissa jurisdiktioner. Tillgänglighetsgranskare använder samma beräkning när de granskar en webbplats eller app mot WCAG, och designsystem bakar ofta in AA-godkända färgpar direkt i sina komponentbibliotek för att helt undvika problemet.

Was this helpful?

Du kan välja upp till 3 reaktioner.

Comments (0)

  • Be the first to comment.

Populära kalkylatorer

Alla räknare