Färgkontrastkontroll
BetaKontrollera om din kombination av text och bakgrundsfärg klarar WCAG:s riktlinjer för tillgänglighet.
- Gratis
- Ingen anmälan
- Körs i din webbläsare
- Fungerar på mobilen
Färgkontrastkontroll i en blick
- Ingång
- Förgrunds- och bakgrundsfärger
- Utgång
- Kontrastförhållande och WCAG-efterlevnadsstatus
- Sekretess
- Allt händer på din enhet. Ingenting laddas upp.
- Pris
- Gratis, inget konto, ingen vattenstämpel.
Hur man använder Färgkontrastkontroll
- 1Ange en textfärg (förgrund) och en bakgrundsfärg.
- 2Verktyget beräknar omedelbart kontrastförhållandet mellan de två färgerna.
- 3Den visar om kombinationen klarar eller inte uppfyller WCAG AA- och AAA-standarderna för normal och stor text.
Funktioner
- Beräkning av livekontrastförhållande.
- WCAG AA och AAA efterlevnadsstatus.
- Accepterar HEX-, RGB- eller HSL-färgformat.
- Visuell förhandsgranskning av text på den valda bakgrunden.
Färgkontrastkontroll Vanliga frågor
Vad är WCAG?
WCAG står för Web Content Accessibility Guidelines. Det är en uppsättning standarder för att göra webbinnehåll mer tillgängligt för personer med funktionshinder, inklusive synnedsättningar.
Vad är ett bra kontrastförhållande?
WCAG AA kräver ett förhållande på minst 4,5:1 för normal text och 3,1:1 för stor text. WCAG AAA kräver 7:1 för normal text och 4,5:1 för stor text.
Varför spelar kontrasten roll?
Hög kontrast säkerställer att texten är läsbar och läsbar för alla, särskilt användare med nedsatt syn eller färgblindhet.
Relaterade verktyg
HEX till RGB-omvandlareBetaKonvertera HEX-färgkoder till RGB och vice versa direkt.Base64-avkodareAvkoda Base64 (standard eller URL-säker) tillbaka till text.Base64-kodareKoda text till Base64, med ett URL-säkert alternativ.GränsradiegeneratorRunda hörn visuellt, ett eller alla på en gång, och kopiera CSS-stenografin.
Mer developer toolsSenast uppdaterad