Färgkontrastverktyg

Hjälper formgivare och utvecklare att verifiera WCAG-kompatibel färgkontrast mellan förgrunds- och bakgrundsfärger för webbåtkomst i gränssnitt och innehåll.

Request Feature / Support
8,556+
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

About This Tool

Detta verktyg beräknar färgkontrastförhållandet mellan två inmatningsfärger enligt WCAG-formler. Det accepterar förgrunds- och bakgrundsfärger i hex- eller rgb-format och ger ett numeriskt kontrastförhållande samt AA- och AAA-tillämpbarhet.
Processmässigt analyserar arbetsflödet inmatningarna, konverterar dem till sRGB, beräknar den relativa luminansen för varje färg och tillämpar sedan WCAG-kontrastformeln. Beräkningen använder L = 0,2126R + 0,7152G + 0,0722B efter linjärisering av sRGB-värden och Kontrast = (L1+0,05)/(L2+0,05) med L1 ≥ L2.
Vem får nytta: frontend-ingenjörer, UI/UX-designers, QA-team och produktteam som utför tillgänglighetsrevisioner. Användningsfall inkluderar text ovanför bilder, knappar mot varierande bakgrunder, tematisk anpassning och responsiva paletter i ljus- och mörkt läge.
Unik värde: stöder flera inmatningsformat, ger exakta numeriska resultat och indikerar tydligt överensstämmelse för standard- och stor text. Valfria funktioner inkluderar automatiserad vägledning för att justera färgparen, exportklara resultat för designhandoff och maskinläsbara utskrifter för automatiseringspipelines.

How to Use

  1. Ange färgerna: förgrund- och bakgrundsfärg i hex eller rgb.
  2. Ange textstorlek i px för att simulera normal- eller stor text.
  3. Välj tillgänglighetsläge (AA eller AAA).
  4. Kör beräkningen och granska resultaten.
  5. Justera färgerna för att uppnå önskade trösklar och testa igen.
How to use color tool windows

Frequently Asked Questions

Find Quick Answers

Vilka färgformat stöds?
Verktyget accepterar hex-färger (#RRGGBB eller #RGB) och rgb(a)-värden. Det normaliserar indata till sRGB-färgrummet för beräkningen. Namngivna färger garanteras inte i alla miljöer.
Hur beräknas kontrastförhållandet?
Indata analyseras och konverteras till linearisera sRGB-värden. Relativ luminans L beräknas som L = 0,2126R + 0,7152G + 0,0722B. Kontrastförhållandet är (L1 + 0,05) / (L2 + 0,05) med L1 ≥ L2, enligt WCAG-formler.
Hur ska resultaten tolkas?
Verktyget returnerar kontrastförhållandet samt booleans passes_AA och passes_AAA. För normaltext krävs AA ≥ 4,5:1 och AAA ≥ 7:1. För stor text krävs AA ≥ 3:1 och AAA ≥ 4,5:1.
Finns enhetssimuleringar eller färgrumssimuleringar inkluderade?
Verktyget använder som standard sRGB och simulerar inte enhetsspecifik rendering eller perceptuella skillnader mellan skärmar. Fokus är WCAG-konkret kontrast för webbinnehåll.

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 till MP3-omvandlare

Konverterar lokalt tillhandahållna ljudfiler till MP3, vilket möjliggör offline-lyssning och cross-e...

Color & Design Tools

Väglängdsberäknare

Ett väglängdsberäknar-verktyg för resenärer, logistikutformare och förare att snabbt uppskatta avstå...

Color & Design Tools

Åldersräknare

Bestäm snabbt en persons ålder baserat på födelsedatum med vår gratis online-räknare, lämpad för pri...

Color & Design Tools

Valutakonverterare

Omvandla belopp snabbt mellan olika valutor med vår kostnadsfria online valutakonverterare, perfekt...

Your Feedback Matters

Help Us to Improve