Fargekontrast-sjekker
Høvdingens kjære squaw får litt pizza i Mexico by
Høvdingens kjære squaw får litt pizza i Mexico by
Hva er Fargekontrast-sjekker
Fargekontrast-sjekkeren regner ut kontrastforholdet mellom to farger etter WCAG-standarden og viser om kombinasjonen består kravene til AA og AAA for vanlig og stor tekst. Alt skjer direkte i nettleseren.
Slik bruker du det
- Velg tekstfargen og bakgrunnsfargen.
- Les av kontrastforholdet og WCAG-resultatene.
- Juster fargene til kombinasjonen består kravene.
Når du bør bruke det
Et must når du designer nettsider som skal være tilgjengelige for alle, sjekker om merkevarefargene fungerer som tekstfarger, eller retter kontrastfeil fra Lighthouse- og WCAG-revisjoner.
Ofte stilte spørsmål
Hva er et godt kontrastforhold for tekst?
WCAG AA krever minst 4,5:1 for vanlig tekst og 3:1 for stor tekst (18pt eller 14pt fet og oppover). WCAG AAA er strengere: 7:1 for vanlig tekst og 4,5:1 for stor tekst.
Hva er det høyest mulige kontrastforholdet?
21:1, forholdet mellom ren svart (#000000) og ren hvit (#FFFFFF). Ingen fargekombinasjon kan overstige det.
Hvorfor strøk fargene mine på AA selv om designet ser bra ut for meg?
Kontrastforhold måler tilgjengelighet, ikke personlig smak. Noen med nedsatt syn, eller noen som ser på en skjerm i sterkt sollys, trenger mer kontrast enn et par som ser bra ut for typisk syn.
Sjekker dette verktøyet også fargeblindhet?
Nei. Verktøyet sjekker luminanskontrast etter WCAG-formelen, noe som gagner alle brukere, inkludert mange former for fargeblindhet, men det simulerer ikke spesifikke fargesynsavvik.
Kan jeg dele verktøyet med verdiene mine fylt inn?
Ja. Nettadressen oppdateres automatisk mens du velger farger. Kopier den fra adressefeltet eller bruk Del-knappen — den som åpner lenken ser nøyaktig dine farger klare til bruk.
Relaterte verktøy
Bildeforhold Kalkulator
Regn ut bildeforholdet, finn manglende bredde eller høyde og endre størrelse på bilder og video uten å forvrenge proporsjonene. Gratis.
Base64-dekoder
Dekod Base64 til vanlig tekst direkte i nettleseren. Gratis Base64-dekoder med full UTF-8-støtte. Lim inn strengen og få resultatet med en gang.
Base64-koder
Kod tekst til Base64 direkte i nettleseren. Gratis Base64-koder med UTF-8-støtte. Skriv inn teksten og få den kodede strengen umiddelbart.