WCAG-beregner til farvekontrastforhold
Mål WCAG-kontrastforholdet mellem en forgrunds- og baggrundsfarve for at bekræfte, at din tekst er læsbar og tilgængelig.
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Hvordan fungerer denne lommeregner?
WCAG-kontrastforholdet er (lysere luminans + 0,05) / (mørkere luminans + 0,05) og spænder fra 1:1 til 21:1. Sigt efter mindst 4,5:1 for normal tekst og 3:1 for stor tekst for at opfylde AA, eller 7:1 og 4,5:1 for AAA. Indtast to hex-farver for at tjekke med det samme.
Formel
How this is calculated
Indtast en forgrundsfarve (tekst) i hex og en baggrundsfarve i hex. Både 3-cifret kortform (#fff) og 6-cifret (#ffffff) form accepteres, med eller uden det indledende "#".
Hver farve konverteres til sin relative luminans. Den 8-bit kanalværdi divideres med 255 og lineariseres derefter: hvis resultatet s er på eller under 0,03928, divideres det med 12,92, ellers bliver det ((s + 0,055) / 1,055) opløftet i potensen 2,4. De lineariserede røde, grønne og blå værdier vægtes med henholdsvis 0,2126, 0,7152 og 0,0722 og summeres til luminansen L. Kontrastforholdet er (Llysere + 0,05) / (Lmørkere + 0,05), hvor leddet 0,05 modellerer omgivende lysspredning. Forhold går fra 1:1 (identiske farver) til 21:1 (rent sort på rent hvidt).
WCAG 2.1-tærsklerne bestemmer bestået-resultaterne: AA kræver mindst 4,5:1 for normal tekst og 3:1 for stor tekst (cirka 18pt eller 14pt fed); AAA kræver 7:1 for normal tekst og 4,5:1 for stor tekst. Beregningen er symmetrisk, så ombytning af forgrund og baggrund giver samme forhold. Den vurderer kun farve og tager ikke højde for gennemsigtighed, kantudjævning eller overlappende lag.
Ofte stillede spørgsmål
Mindst 4,5:1 for normal brødtekst og 3:1 for stor tekst (cirka 18pt normal eller 14pt fed). For det strengere AAA-niveau skal du bruge 7:1 normal og 4,5:1 stor.
Nej. Formlen bruger den lysere og mørkere luminans uanset hvilken farve, du angiver som forgrund, så ombytning af de to input giver samme forhold.
Rent hvidt har en relativ luminans på 1 og rent sort 0. Indsættes disse i (1 + 0,05) / (0 + 0,05), fås præcis 21, den højeste opnåelige kontrast.
Også kendt som
TG we-Calculate Editorial Team. (2026). WCAG-beregner til farvekontrastforhold [Online calculator]. TG we-Calculate. https://we-calculate.com/da/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG-beregner til farvekontrastforhold." TG we-Calculate. 2026. https://we-calculate.com/da/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG-beregner til farvekontrastforhold," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/da/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG-beregner til farvekontrastforhold}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/da/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Hjalp denne lommeregner dig?