TG we-Calculate logoTG we-Calculate
Vsi kalkulatorji
Advanced

Kalkulator razmerja barvnega kontrasta WCAG

Izmerite razmerje kontrasta WCAG med barvo ospredja in ozadja, da potrdite berljivost in dostopnost besedila.
Text color, e.g. #333 or #1a1a1a
Background color, e.g. #fff or #ffffff
Contrast ratio
17,40

Higher is more readable (max 21:1)

Contrast ratio: 17,4:1: AAA
AA normal text (4.5:1)
Pass
AA large text (3:1)
Pass
AAA normal text (7:1)
Pass
AAA large text (4.5:1)
Pass
Step by step
  1. 1

    Fg relative luminance

    0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103
    Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG
  2. 2

    Bg relative luminance

    0.2126×1 + 0.7152×1 + 0.0722×1 = 1
  3. 3

    Contrast ratio

    (1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Rezultati so ocene zgolj za splošno obveščanje in niso strokovni nasvet — pomembne rezultate vedno samostojno preverite, preden se nanje zanesete. Preberite celotno izjavo o omejitvi odgovornosti.
Hiter odgovor

Kako deluje ta kalkulator?

Razmerje kontrasta WCAG je (svetlejša luminanca + 0.05) / (temnejša luminanca + 0.05), v razponu od 1:1 do 21:1. Cilj je vsaj 4.5:1 za navadno besedilo in 3:1 za veliko besedilo za raven AA oziroma 7:1 in 4.5:1 za raven AAA. Vnesite dve barvi v zapisu hex za takojšnjo preveritev.

Formula
L = 0.2126·R + 0.7152·G + 0.0722·B (linearizirani kanali); ratio = (Llighter + 0.05) / (Ldarker + 0.05)
How this is calculated

Vnesite barvo ospredja (besedila) v zapisu hex in barvo ozadja v zapisu hex. Sprejeti so tako 3-mestni okrajšani zapis (#fff) kot 6-mestni zapis (#ffffff), z vodilnim '#' ali brez.

Vsaka barva se pretvori v relativno luminanco. Vrednost 8-bitnega kanala se deli z 255, nato pa linearizira: če je rezultat s enak ali manjši od 0.03928, se deli z 12.92, sicer postane ((s + 0.055) / 1.055) potenčeno na 2.4. Linearizirane vrednosti rdeče, zelene in modre se utežijo z 0.2126, 0.7152 oziroma 0.0722 in seštejejo za luminanco L. Razmerje kontrasta je (Llighter + 0.05) / (Ldarker + 0.05), kjer člen 0.05 modelira okoliški odblesk. Razmerja segajo od 1:1 (enaki barvi) do 21:1 (čista črna na čisti beli).

Meje WCAG 2.1 določajo rezultate presoje: raven AA zahteva vsaj 4.5:1 za navadno besedilo in 3:1 za veliko besedilo (okvirno 18 pt ali 14 pt krepko); raven AAA zahteva 7:1 za navadno besedilo in 4.5:1 za veliko besedilo. Izračun je simetričen, zato zamenjava ospredja in ozadja da enako razmerje. Ocenjuje samo barvo in ne upošteva prosojnosti, glajenja robov ali prekrivajočih se plasti.

Pogosta vprašanja

Vsaj 4.5:1 za navadno besedilo in 3:1 za veliko besedilo (okrog 18 pt navadno ali 14 pt krepko). Za strožjo raven AAA potrebujete 7:1 za navadno in 4.5:1 za veliko.

Ne. Formula uporablja svetlejšo in temnejšo luminanco ne glede na to, katero barvo označite kot osprednje, zato zamenjava vhodov da enako razmerje.

Čista bela ima relativno luminanco 1, čista črna pa 0. Vstavljanje v (1 + 0.05) / (0 + 0.05) da natanko 21, najvišji dosegljivi kontrast.

Znano tudi kot

razmerje kontrasta barv
wcag kontrast
preverjanje kontrasta barv
dostopnost barv
aa aaa kontrast
kontrast besedila
barvni kontrast

APA

TG we-Calculate Editorial Team. (2026). Kalkulator razmerja barvnega kontrasta WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/sl/calculator/color-contrast-ratio-calculator

Chicago

TG we-Calculate Editorial Team. "Kalkulator razmerja barvnega kontrasta WCAG." TG we-Calculate. 2026. https://we-calculate.com/sl/calculator/color-contrast-ratio-calculator.

IEEE

TG we-Calculate Editorial Team, "Kalkulator razmerja barvnega kontrasta WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/sl/calculator/color-contrast-ratio-calculator

BibTeX

@misc{wecalculate_color_contrast_ratio_calculator, title = {Kalkulator razmerja barvnega kontrasta WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/sl/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }

Vam je ta kalkulator pomagal?

Sorodni kalkulatorji

Pretvornik barv HEX v RGB

Pretvorite barvno kodo hex (#RGB ali #RRGGBB) v vrednosti kanalov rdeče, zelene in modre ter niz CSS rgb().

Beginner

Pretvornik barv RGB v HEX

Pretvorite vrednosti rdeče, zelene in modre (0–255) v kodo hex #RRGGBB ter niz CSS rgb().

Beginner

Generator naključnih barv

Ustvarite naključno barvo in takoj dobite njene kode HEX, RGB in HSL.

Beginner

Pretvornik barv RGB v HSL

Pretvorite kanale barve RGB v HSL (stopinje odtenka, nasičenost in svetlost v odstotkih) za lažje nastavljanje barv.

Intermediate

Kalkulator prestopnega leta

Preverite, ali je poljubno leto prestopno po gregorijanskem pravilu, ugotovite zakaj ter prikažite naslednjih nekaj prestopnih let in število dni v februarju.

Beginner

Acreage Calculator

Calculate the acreage of a rectangular, triangular or circular plot from its dimensions, with results in acres, sq ft, sq m and hectares.

Beginner