Normal text
Stor text
Snabba åtgärder
Förhandsgranskningstitel
Den snabba bruna räven hoppar över den lata hunden
Exempel på liten text (12px)
WCAG-standarder
Level AA
Minsta kontrastförhållande på {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} för normal text och 3:1 för stor text. Krävs för de flesta webbplatser.
Level AAA
Förbättrat kontrastförhållande på 7:1 för normal text och {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} för stor text. Rekommenderas för optimal tillgänglighet.
Otillräcklig kontrast för alla textstorlekar - uppfyller inte WCAG-standarder.
Färgkontrastkontroll
Beräkna kontrastförhållandet mellan text och bakgrundsfärger.
Välj en färg med färgväljaren för text och bakgrundsfärg eller ange en färg i RGB-hexadecimal format (t.ex. #259 eller #2596BE). Du kan justera skjutreglaget för att välja färg. Webbinnehållstillgänglighetsriktlinjerna (WCAG) har en specifik riktlinje för att avgöra om text är läsbar för seende användare. Dessa kriterier använder en särskild algoritm för att kartlägga färgkombinationer till jämförbara förhållanden. Enligt denna formel anger WCAG att en {/* LOCKED_PATTERN_9d9af93de94845e423615e888dbf354f */} färgkontrast förhållande med text och bakgrund är tillräckligt för vanlig (brödtext), och stor text (18+ pt vanlig, eller 14+ pt fetstil) bör ha minst ett 3:1 färgkontrastförhållande.
Viktiga funktioner
- • Beräkning av kontrastförhållande i realtid
- • Kontroll av WCAG AA & AAA-efterlevnad
- • HSL-reglage för finjustering
- • Flera förhandsgranskningsformat
Avancerade verktyg
- • Automatisk färgkorrigering
- • Text- och bakgrundsexempel
- • Färgnamnsdetektion
- • Exportera resultat