Färgkontrastkontroll

En noggrann färgkontrastkontroll för designers och webbutvecklare för att säkerställa tillgängliga förgrunds- och bakgrundsfärger på alla skärmar.

Tool coming soon!

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

Request Feature / Support

3,320+

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.

About This Tool

Verktyget accepterar två färger i hex, RGB eller namn. Det normaliserar inmatningar, beräknar relativ luminans och returnerar kontrastförhållandet.
Typiska utdata inkluderar ett numeriskt förhållande och ett pass/miss-status för WCAG AA och AAA.
Exempel: framförgrund #000000 på bakgrund #FFFFFF ger 21:1 och uppfyller båda målen.
Under huven använder det standard sRGB gamma-korrigering och WCAG-kompatibla formler. Luminans beräknas från linjära RGB-komponenter, sedan beräknas förhållandet som (L1+0.05)/(L2+0.05), där L1 är den ljusaste färgen.
Det markerar även ick-e ideala färgkombinationer och förklarar varför.
Målgrupp: UI/UX-designer, frontend-utvecklare, tillgänglighetsingenjörer och innehållsstrateger som behöver snabba kontroller vid paletval, textändringar eller temajusteringar.
Stöder batch-kontroller via flera inmatningspar och ger en strukturerad rapport.

Save your calculation history with a free account

How to Use

Ange inmatningar: ange förgrunds- och bakgrundsfärger i hex, RGB eller namn.
Validera färger: inmatningarna är obligatoriska och måste vara giltiga CSS-färgvärden.
Kör beräkningen: verktyget beräknar luminans, kontrastförhållande och pass/fail.
Granska resultaten: kontrollera AA/AAA-status och förslagen till justeringar.
Exportera eller spara resultaten för revisioner.

Frequently Asked Questions

Find Quick Answers

Vad är kontrastförhållandet och varför är det viktigt?

Kontrastförhållandet mäter ljushetsskillnader mellan förgrunds- och bakgrundsfärger och utvärderar textens läsbarhet. Högre förhållanden förbättrar läsbarheten, särskilt för små texter eller i ljusa miljöer, och hjälper att uppfylla WCAG:s tillgänglighetskrav.

Vad betyder AA- och AAA-målen?

AA-mål definierar den minsta acceptabla kontrasten för normal text (vanligen 4,5:1) och stor text (3:1). AAA-mål ställer en högre standard (ofta 7:1). Att uppnå dessa mål förbättrar tillgängligheten för olika användare.

Kan jag mata in färgnamn utöver hex-koder?

Ja. Prövaren accepterar hex, RGB och standard färgnamn. Inmatningar normaliseras till ett gemensamt färgrum innan luminans och förhållande beräknas.

Kan jag exportera eller dela resultaten?

Resultaten kan kopieras eller sparas som strukturerad data och användas i revisioner. Verktyget levererar ett rent numeriskt förhållande, luminansvärden och pass/fails-status som lämpar sig för dokumentation.

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.

Related Tools

Other useful calculators and utilities you might like

Spotify till MP3-omvandlare

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

Väglängdsberäknare

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

Åldersräknare

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

Valutakonverterare

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

Your Feedback Matters

Help Us to Improve