Färgkontrastanalys

En snabb, standardbaserad färgkontrastanalysator för designers och utvecklare för att verifiera läsbar text mot bakgrundsfärger i UI-skisser.

Request Feature / Support

6,000+

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

Detta verktyg beräknar WCAG-kontrastförhållanden för färgparet förgrund/bakgrund. Det tar hänsyn till textstorlekskontexter för att visa godkänt eller underkänt för normal och stor text, och rapporterar en numerisk kvot med ett tillgänglighetsdömande.
I korthet accepterar det förgrundsfärg, bakgrundsfärg och teckenstorlek i pixlar, konverterar färger till sRGB-luminans och tillämpar standardformeln. Gränserna följer WCAG: 4,5:1 för normal text AA, 7:1 för normal text AAA; 3:1 för stor text AA, 4,5:1 för stor text AAA. Valfria funktioner inkluderar alpha-hantering, färgblindhetssimuleringar och färgrekommendationer i avancerat läge.
Målgruppen är designers, frontend-ingenjörer, tillgänglighetsexperter och produktteam som efterfrågar snabba, precisa och standardöverensstämmande resultat. Unikt värde ligger i textstorleksbaserad utvärdering med tydlig Pass/Fail-status och exportbara utdata för remediation och styrning.

Save your calculation history with a free account

How to Use

Ange färgerna för förgrund och bakgrund samt textstorlek i px.
Kör beräkningen för att få kontrastförhållandet och överensstämmelse-status för normal och stor text.
Granska resultaten; justera färger eller textstorlek vid behov.
Använd rekommenderade färgalternativ för att snabbt uppnå AA/AAA-mål.
Exportera eller kopiera resultatet för dokumentation.

Frequently Asked Questions

Find Quick Answers

Vad är färgkontrastförhållandet?

Förhållandet är en WCAG-baserad mätmetod beräknad från den relativa luminansen hos förgrunds- och bakgrundsfärgen. Det uttrycks som x:1 med x ≥ 1, där högre värden indikerar bättre läsbarhet. Verktyget rapporterar kvoten och bedömningen per textstorlek.

Hur tillämpas trösklarna?

För normal text kräver WCAG AA minst 4,5:1 och AAA 7:1. För stor text krävs 3:1 AA och 4,5:1 AAA. Verktyget tillämpar dessa trösklar för att avgöra Pass eller Fail för varje textstorlek.

Hur hanteras transparens?

Om en färg har alfa-komponent blandas den som standard över vitt innan luminans beräknas. Detta ger en effektiv färg. I avancerat läge kan behandlingen justeras eller råa ingångar visas för experter.

Vilka ingångsformat stöds?

Verktyget accepterar hex (#RRGGBB eller #RGB), rgb()/rgba() och CSS-färgnamn. Om en ingång inte kan parseas visas ett felkod i stället för en UI-meddelande.

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