Kontroll av färgkontrast

Kontrollera kontrastförhållandet mellan två färger enligt WCAG AA/AAA

Om den här räknaren

Kontrollen av färgkontrast beräknar kontrastförhållandet enligt WCAG 2.x mellan en förgrunds- och en bakgrundsfärg med formeln för relativ luminans (L1 + 0,05) / (L2 + 0,05). Den tar emot #rgb, #rrggbb och rgb(r,g,b) och redovisar det exakta förhållandet, båda färgernas luminans och godkänt/underkänt för AA och AAA vid gränserna för normal text (4,5:1 / 7:1) och stor text (3:1 / 4,5:1). Ogiltiga färger ger ett felmeddelande. Oumbärlig för tillgänglig webbdesign.

Kontroll av färgkontrast – steg för steg

  1. Skriv in eller klistra in dina indata i fältet.
  2. Läs av utdata – de uppdateras direkt medan du skriver.
  3. Justera eventuella alternativ efter ditt behov.
  4. Kopiera sidans URL för att dela exakt det här resultatet.

Vanliga exempel

  • #000000 på #ffffff → 21,0000:1 – klarar alla AA- och AAA-nivåer
  • #777777 på #ffffff → 4,4781:1 – missar AA för normal text med en hårsmån, klarar AA för stor text
  • #0066cc på #ffffff → 5,5666:1 – klarar AA, missar AAA för normal text
  • #ffcc00 på #333333 → 8,3564:1 – klarar AAA för alla textstorlekar

Vanliga frågor

Kontroll av färgkontrast: hur fungerar det?

Skriv in eller klistra in dina indata så bearbetas de direkt i webbläsaren och resultatet visas omedelbart. Inget du skriver laddas upp till en server – hela beräkningen sker på din enhet.

Kontroll av färgkontrast: när har man nytta av det?

Det är praktiskt för utveckling, felsökning, design och administration – närhelst du snabbt behöver göra den här omvandlingen eller kontrollen utan att installera något eller anförtro dina data åt en tredjepartstjänst.

Hur tillförlitliga är resultaten?

Verktyget implementerar den relevanta standarden eller specifikationen direkt, så utdata stämmer med vad programvara som följer standarden ger. Specialfall som tom eller felaktigt formaterad indata rapporteras tydligt i stället för att misslyckas i det tysta.

Kan jag dela ett visst resultat med någon annan?

Ja. Dina indata uppdaterar URL:en, så om du kopierar adressfältet och delar länken öppnas verktyget i samma läge för den som klickar på den.