Färgkontrastkontroll
Ange två färger och se WCAG-kontrast direkt med AA- och AAA-vägledning.
Ange förgrunds- och bakgrundsfärger i hex eller RGB för att direkt beräkna WCAG-kontrast, se AA/AAA-resultat, förhandsvisa text och få valfria justeringsförslag.
Så använder du denna färgkontrastkontroll
Skriv eller klistra in en förgrunds- och bakgrundsfärg. Verktyget normaliserar giltig inmatning till versaler-hex, beräknar WCAG-kontrast direkt och visar godkänd/underkänd för AA- och AAA-trösklar. Använd Föreslå fix, dela via URL eller återställ.
WCAG-trösklar för kontrastförhållande
WCAG 2.x kräver minst 4,5:1 för normal text (AA), 3:1 för stor text (AA), 7:1 för normal text (AAA) och 4,5:1 för stor text (AAA). Detta verktyg visar alltid alla fyra resultat för jämförelse.
Färgformat som stöds
Ange #RGB, #RRGGBB, rgb(r,g,b) eller kommaavgränsade r,g,b. Kanaler måste vara heltal 0–255. Alfatransparens, 8-siffrig hex, HSL/HSLA och CSS-färgnamn stöds inte i v1.
Vad godkänd och underkänd betyder
Godkänd betyder att det beräknade förhållandet uppfyller eller överskrider tröskeln för nivån. Underkänd betyder motsatsen. Etiketter och ikoner följer med färgen så resultat förstås utan att enbart förlita sig på färg.
Vanliga Frågor
Varför stöds inte alfa och gradienter?
Version 1 utvärderar endast helt opaka sRGB-färger. Alfablandning och gradienter kräver sammansättningsregler som detta verktyg ännu inte modellerar; rgba(), 8-siffrig hex och gradientanalys ligger utanför MVP.
Hur beräknas kontrastförhållandet?
Kontrollen använder WCAG-formeln för relativ luminans för opak sRGB: linearisera kanaler, beräkna luminans, sedan (ljusare + 0,05) / (mörkare + 0,05). Visning avrundas till två decimaler; tröskelkontroller använder fullt värde.
Vad gör Föreslå fix?
Den flyttar deterministiskt den valda förgrunds- eller bakgrundsfärgen längs en ljushetsväg mot svart eller vitt tills vald WCAG-nivå uppnås, och returnerar närmaste kompatibla hex och resulterande förhållande om det finns.
Kan jag dela ett specifikt färgpar?
Ja. Giltiga värden för förgrund, bakgrund och textstorlek synkas till URL-parametrar (t.ex. ?fg=000000&bg=FFFFFF&size=normal) för direktlänk till resultat.
Sparar sidan mina färger?
Beräkningar körs helt i webbläsaren. Det senaste giltiga färgparet kan sparas i localStorage på enheten för bekvämlighet; Återställ rensar inmatning, URL-parametrar och sparat tillstånd.