Online färgtillgänglighetskontroll

Ett webbaserat verktyg för formgivare och utvecklare att verifiera färgkontrast mellan färgpar enligt WCAG, för text och UI-kombinationer som är tillgängliga.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
3,328+
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

Online färgtillgänglighetskontroll analyserar ett fore-/bakgrundsfärgspar och returnerar ett kontrastförhållande samt följsamhetsstatus enligt WCAG 2.1/2.2. Den är avsedd för formgivare, frontend-ingenjörer, tillgänglighetsspecialister och produktteam som behöver objektiv validering vid färgval och tema. Verktyget accepterar färginmatningar i hex eller namnade färger och ger ett numeriskt kontrastresultat samt ett pass/fail-uttalande och vägledning.
Internt utför verktyget den standard WCAG-kontrastberäkningen. Det omvandlar färger till linjärt ljus med sRGB-gamma-korrigering, beräknar luminans och härled kontrastförhållandet enligt formeln (L1+0,05)/(L2+0,05), där L1 är den ljusare luminansen. Beräkningen är deterministisk och enhetoberoende, vilket ger konsekventa resultat i design- och kodgranskningar.
Vem som drar nytta: produktteam som levererar tillgängliga gränssnitt, formgivare som förfinar varumärkespaletter, utvecklare som implementerar CSS med tillgänglighet i åtanke och QA-team som dokumenterar efterlevnad. Värdet ligger i exakta numeriska resultat, tydliga pass/fail-kriterier, rekommenderade alternativfärger och rapporter som är färdiga att exportera till designsystem och stilguider.
Kärnfunktioner inkluderar inmatningsvalidering, konfigurerbara mål för kontrastförhållanden, automatiska förslag på tillgängliga alternativ och korta utdata som passar UI-dokumentation. Användningsfall täcker kroppstextfärg på hero-bakgrunder, utvärdering av mörkt läge och säkerställande av tillgängliga call-to-action-färger på marknadsföringssidor.

How to Use

  1. Ange indata: färg1 och färg2 i hex eller namngivna värden; ange eventuellt målkontrast.
  2. Kör beräkningen genom att skicka indata.
  3. Granska utdata: kontrastförhållande, pass/fail-status och rekommendationer.
  4. Om inte överensstämmer, justera färgerna och kör igen med uppdaterade indata.
  5. Exportera resultat för dokumentation eller designsystem.
How to use online color accessibility checker

Frequently Asked Questions

Find Quick Answers

Vilka indata krävs?
Ange en foreground-färg och en bakgrundsfärg som hex-värden eller namn. Ange eventuellt ett målkontrastförhållande (standard 4,5 för normal text och 3 för stor text).
Hur beräknas kontrastförhållandet?
Varje färg omvandlas till linjärt ljus med sRGB-gammaz correcting, luminans beräknas och kontrastförhållandet bestäms av (L1+0,05)/(L2+0,05) med L1 som den ljusare luminansen.
Vad händer om paret inte uppfyller tillgänglighetskriterierna?
Verktyget ger förslag på färger med högre kontrast, tar hänsyn till potentiella varumärkesbegränsningar och föreslår justeringar av foreground- eller backgroundnyanser för att nå målförhållandet.

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

Web & SEO Tools

Spotify till MP3-omvandlare

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

Web & SEO Tools

Väglängdsberäknare

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

Web & SEO 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...

Web & SEO Tools

Valutakonverterare

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

Your Feedback Matters

Help Us to Improve