Fargekontrastanalysator

Rask, standardbasert kontrastanalysator for designere og utviklere for å verifisere lesbar tekst mot bakgrunnsfarger i UI-skisser.

Request Feature / Support
5,996+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

Om dette verktøyet

Dette verktøyet beregner WCAG-samsvarende kontrastforhold mellom forgrunns- og bakgrunnsfarger. Det tar hensyn til tekststørrelse kontekster for å angi pass/ikke-pass for normal og stor tekst, og rapporterer et numerisk forhold med en tilgjengelighetsbedømmelse.
Specielt aksepterer det forgrunnsfarge, bakgrunnsfarge og skriftstørrelse i px, konverterer farger til sRGB-luminans og anvender standardforholdet. Grenseverdier følger WCAG: 4,5:1 for normal tekst AA, 7:1 for normal tekst AAA; 3:1 for stor tekst AA, 4,5:1 for stor tekst AAA. Valgfri funksjoner inkluderer alfa-håndtering, fargeblindhet-simuleringer og fargeforslag i avansert modus.
Målgruppen er designere, frontend-utviklere, tilgjengelighetseksperter og produktteam som søker raske, nøyaktige og standardoverensstemmende resultater. Den unike verdien ligger i tekststørrelsesbasert evaluering med tydelig Pass/Fail-status og eksportérbare data for remediation og styring.

Hvordan bruke

  1. Oppgi forgrunns- og bakgrunnsfarger samt tekststørrelse i px.
  2. Kjør beregningen for å få kontrastforhold og samsvarsstatus for normal og stor tekst.
  3. Gjennomgå resultatene; juster farger eller tekststørrelse ved behov.
  4. Bruk anbefalte fargealternativer for raskt å nå AA/AAA-mål.
  5. Eksporter eller kopier resultatet til dokumentasjon.
How to use online color contrast analyzer

Frequently Asked Questions

Finn raske svar

Hva er fargekontrastforholdet?
Forholdet er en WCAG-basert metrikk beregnet fra relativ luminans mellom forgrunns- og bakgrunnsfarger. Det uttrykkes som x:1 med x ≥ 1; høyere verdier indikerer bedre lesbarhet. Verktøyet rapporterer kvoten og vurderingen per tekststørrelse.
Hvordan brukes tersklene?
For normalt tekst krever WCAG AA minst 4,5:1 og AAA 7:1. For stor tekst gjelder 3:1 AA og 4,5:1 AAA. Verktøyet bruker disse tersklene for å avgjøre Pass eller Fail for hvert tekstformat.
Hvordan håndteres gjennomsiktighet?
Hvis en farge har alfa, blandes den som standard over hvitt før luminansen beregnes. Dette gir en effektiv farge. I avansert modus kan behandlingen justeres eller rå innganger vises for eksperter.
Hvilke inndataformater støttes?
Verktøyet aksepterer hex (#RRGGBB eller #RGB), rgb()/rgba() og CSS-fargenavn. Hvis en inndata ikke kan parses, vises resultatet med en feilkode i stedet for en UI-melding.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Spotify til MP3-omformer

Konverterer lokalt leverte lydfiler til MP3, muliggjør offline-lytning og kryss-enhets-kompatibilite...

Color & Design Tools

Veiavstandskalkulator

Et veiavstandskalkulator for reisende, logistikkeleverandører og sjåfører for raskt å estimere avsta...

Color & Design Tools

Alder Kalkulator

Beregn raskt en persons alder basert på fødselsdato med vårt gratis online verktøy, egnet for privat...

Color & Design Tools

Currency Converter

Convert currencies instantly with real-time exchange rates and historical data support.

Din tilbakemelding er viktig

Hjelp oss å forbedre oss