Färgkontrastkontroll
Kontrollera WCAG-kontrastvärdet mellan en text- och bakgrundsfärg — se AA/AAA godkänd/underkänd för normal text, stor text och UI-komponenter, med live-förhandsgranskning och tillgängliga färgförslag.
The quick brown fox
Stor text läses bekvämt när kontrasten är tillräcklig.
Det här är ett exempelstycke med normal brödtext. God färgkontrast håller ditt innehåll läsbart för alla, inklusive personer med nedsatt syn eller färgblindhet. en exempellänk.
Liten text och bildtexter är svårast att läsa — de behöver mest kontrast.Allt beräknas live i din webbläsare med WCAG 2.x relativ luminansformel — inga uppladdningar, ingen registrering, helt gratis.
Om Färgkontrastkontroll
Kontrastkontrollen mäter WCAG-kontrastförhållandet mellan en textfärg och en bakgrundsfärg och betygsätter sedan paret mot tillgänglighetsnivåerna AA och AAA för normal text, stor text och gränssnittskomponenter. Förhållandet och varje godkänt/underkänt-omdöme uppdateras i realtid när du justerar någon av färgerna.
En realistisk förhandsvisningspanel renderar rubriker, brödtext, finstilt text, en knapp och en länk i din valda kombination, så att du kan bedöma läsbarheten med verkligt innehåll istället för abstrakta kulörer. Om ett par underkänns föreslår verktyget den närmaste tillgängliga textfärgen som når AA-tröskeln 4,5:1, redo att tillämpas med ett klick.
Matematiken följer WCAG 2.x-formeln för relativ luminans och körs helt i din webbläsare — inget laddas upp och kontrollerna är gratis. Du kan även kopiera en kompakt textrapport av förhållandet och betygen att klistra in i en tillgänglighetsgranskning eller en pull request.
Så använder du Färgkontrastkontroll
- Ange din textfärg och bakgrundsfärg med väljarna eller genom att skriva in värden.
- Läs kontrastförhållandet och AA/AAA-resultaten för normal text, stor text och gränssnittskomponenter.
- Granska förhandsvisningen i realtid för att se verkliga rubriker, stycken, knappar och länkar i dina färger.
- Om paret underkänns, tillämpa den föreslagna tillgängliga textfärgen eller byt plats på de två färgerna.
- Klicka på "Kopiera rapport" för att dela förhållandet och efterlevnadsresultaten.