Färgkontrastkontroll

Välj textfärg

Klicka på den första färgväljaren för att välja din textfärg, eller ange en hexkod direkt.

Välj bakgrundsfärg

Använd den andra färgväljaren för att välja din bakgrundsfärg för kontrasttestet.

Granska kontrastresultat

Kontrollera det beräknade kontrastförhållandet och se AA/AAA-betyg för normal och stor text.

Förhandsgranska din design

Visa liveförhandsgranskningen för att se hur din färgkombination ser ut med faktiskt textinnehåll.

Kontrasttestning i realtid

Beräkna kontrastförhållanden omedelbart när du väljer olika kombinationer av text- och bakgrundsfärger.

WCAG-kompatibilitetsbetyg

Få AA- och AAA-betyg för både normal och stor text enligt riktlinjerna för tillgängligt webbinnehåll (WCAG).

Panel för liveförhandsgranskning

Se exakt hur dina färgkombinationer kommer att se ut med exempeltext i både normal och stor storlek.

Visuell poängindikator

Se din kontrastprestanda med ett intuitivt cirkeldiagram som visar poäng från 0-100.

Interaktiva färgväljare

Välj enkelt färger med inbyggda färgväljningsverktyg för både text- och bakgrundsfärger.

Tillgänglighetstips

Få praktiska förslag för att förbättra kontrasten och uppfylla tillgänglighetsstandarder.

WCAG-kompatibilitet

Säkerställ att dina designer uppfyller internationella tillgänglighetsstandarder med korrekta AA- och AAA-betyg.

Feedback i realtid

Se omedelbara resultat när du justerar färger, vilket gör det enkelt att hitta kompatibla kombinationer.

Visuellt poängsystem

Förstå kontrastprestanda med en blick med vårt intuitiva poängsystem från 0-100.

Ingen installation krävs

Testa färgkombinationer omedelbart i din webbläsare utan att ladda ner någon programvara.