Fargekontrastverktøy

Hjelper designere og utviklere å verifisere WCAG-kompatibel fargekontrast mellom forgrunns- og bakgrunnsfarger for webtilgjengelighet.

Request Feature / Support
8,756+
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 kontrastforholdet mellom to innføringsfarger i henhold til WCAG-formler. Det aksepterer forgrunns- og bakgrunnsfarger i hex- eller rgb-formater og returnerer et numerisk kontrastforhold samt AA- og AAA-bruksbarhet.
Prosessen analyserer inngangen, konverterer den til sRGB, beregner den relative luminansen for hver farge og anvender deretter WCAG-kontrastformelen. Beregningen bruker L = 0,2126R + 0,7152G + 0,0722B etter linearisering av sRGB-verdier og Kontrast = (L1+0,05)/(L2+0,05) med L1 ≥ L2.
Hvem nytten er: frontend-utviklere, UI/UX-designere, QA-team og produktteam som utfører tilgjengelighetsrevisjon. Eksempler: tekst over bilder, knapper mot ulike bakgrunner, tematisk tilpasning og responsive paletter i lys og mørk modus.
Unik verdi: støtter flere inndatatyper, gir presise numeriske resultater og indikerer klart samsvar for standard- og stor tekst. Valgfri funksjoner inkluderer automatisert veiledning for å justere fargepar, eksportklare resultater for designhandover og maskinlæsbare utdata for automatiseringspipeliner.

Hvordan bruke

  1. Angi farger: forgrunn- og bakgrunnsfarge i hex eller rgb.
  2. Angi tekststørrelse i px for normal vs stor tekst.
  3. Velg tilgjengelighetsmodus (AA eller AAA).
  4. Kjør beregningen og se resultatene.
  5. Juster fargene for å oppnå ønskede terskler og test på nytt.
How to use color tool windows

Frequently Asked Questions

Finn raske svar

Hvilke fargeformater støttes?
Verktøyet godtar hex-farger (#RRGGBB eller #RGB) og rgb(a)-verdier. Inndataene normaliseres til sRGB-fargrommet for beregningen. Navngitte farger garanteres ikke i alle miljøer.
Hvordan beregnes kontrastforholdet?
Inndata analyseres og konverteres til linearisert sRGB. Relativ luminans L beregnes som L = 0,2126R + 0,7152G + 0,0722B. Kontrastforholdet er (L1 + 0,05) / (L2 + 0,05) med L1 ≥ L2, i samsvar med WCAG-formler.
Hvordan tolker jeg resultatene?
Verktøyet returnerer kontrastforholdet samt booleans passes_AA og passes_AAA. For normal tekst kreves AA ≥ 4,5:1 og AAA ≥ 7:1. For stor tekst kreves AA ≥ 3:1 og AAA ≥ 4,5:1.
Inneholder verktøyet enhet- eller fargeareal-simuleringer?
Verktøyet bruker som standard sRGB og simulerer ikke enhetsspesifikke rendering eller perseptive forskjeller mellom skjermer. Fokus er WCAG-kontrasten for webinnhold.

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