WCAG Färgkontrastratio-kalkylator
Mät WCAG-kontrastratiot mellan en förgrundsfärg och en bakgrundsfärg för att bekräfta att din text är läsbar och tillgänglig.
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
Hur fungerar denna kalkylator?
WCAG-kontrastratiot är (ljusare luminans + 0,05) / (mörkare luminans + 0,05), från 1:1 till 21:1. Sikta på minst 4,5:1 för normal text och 3:1 för stor text för att uppfylla AA, eller 7:1 och 4,5:1 för AAA. Ange två hexfärger för att kontrollera direkt.
Formel
How this is calculated
Ange en förgrunds- (text) hexfärg och en bakgrunds-hexfärg. Både 3-siffrig förkortning (#fff) och 6-siffrig (#ffffff) form accepteras, med eller utan inledande '#'.
Varje färg omvandlas till sin relativa luminans. Kanalens 8-bitarsvärde divideras med 255 och lineariseras sedan: om resultatet s är vid eller under 0,03928 divideras det med 12,92, annars upphöjs ((s + 0,055) / 1,055) till potensen 2,4. De lineariserade röda, gröna och blå värdena viktas 0,2126, 0,7152 respektive 0,0722 och summeras till luminansen L. Kontrastratiot är (Llighter + 0,05) / (Ldarker + 0,05), där termen 0,05 modellerar omgivningsreflexer. Ratiot varierar från 1:1 (identiska färger) till 21:1 (rent svart mot rent vitt).
WCAG 2.1-trösklar avgör testresultaten: AA kräver minst 4,5:1 för normal text och 3:1 för stor text (ungefär 18pt, eller 14pt fetstil); AAA kräver 7:1 för normal text och 4,5:1 för stor text. Beräkningen är symmetrisk, så att byta förgrund och bakgrund ger samma ratio. Den utvärderar endast färg och tar inte hänsyn till opacitet, kantutjämning eller överlappande lager.
Vanliga frågor
Minst 4,5:1 för normal brödtext och 3:1 för stor text (ungefär 18pt normal eller 14pt fetstil). För den strängare AAA-nivån behöver du 7:1 för normal och 4,5:1 för stor.
Nej. Formeln använder den ljusare och mörkare luminansen oavsett vilken färg du betecknar som förgrund, så att byta de två inmatningarna ger samma ratio.
Rent vitt har en relativ luminans på 1 och rent svart på 0. Om man sätter in dessa i (1 + 0,05) / (0 + 0,05) får man exakt 21, den högsta möjliga kontrasten.
Även känt som
TG we-Calculate Editorial Team. (2026). WCAG Färgkontrastratio-kalkylator [Online calculator]. TG we-Calculate. https://we-calculate.com/sv/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG Färgkontrastratio-kalkylator." TG we-Calculate. 2026. https://we-calculate.com/sv/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG Färgkontrastratio-kalkylator," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/sv/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG Färgkontrastratio-kalkylator}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/sv/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Hjälpte denna kalkylator dig?