Online kalkulačka

Kalkulačka kontrastu farieb WCAG

Overte kontrast dvoch nepriehľadných farieb HEX podľa WCAG. Rozlíšte bežný text, veľký text a grafické prvky.

Bezplatná online kalkulačka

—
Výsledok výpočtu

Zadajte svoje údaje

Ako počítame: HEX sa prevedie na sRGB a lineárne kanály. Relatívny jas = 0,2126 R + 0,7152 G + 0,0722 B. Kontrast = (svetlejší jas + 0,05) / (tmavší jas + 0,05).
Na čo myslieť: Prahové rozhodnutie používa nezaokrúhlený pomer. Farby musia byť výsledné nepriehľadné sRGB farby; transparentnosť a obrázky vyžadujú reálne pozadie.

Ohodnotiť túto kalkulačku

Buďte medzi prvými, kto túto kalkulačku ohodnotí.

Ako sa počíta výsledok

HEX sa prevedie na sRGB a lineárne kanály. Relatívny jas = 0,2126 R + 0,7152 G + 0,0722 B. Kontrast = (svetlejší jas + 0,05) / (tmavší jas + 0,05).

Príklad výpočtu

Príklad so zadaním: Farba textu HEX (#RRGGBB alebo #RGB): #333333; Farba pozadia HEX (#RRGGBB alebo #RGB): #FFFFFF. Hlavný výsledok je 12,6347 : 1.

Súvisiace výpočty

Kalkulačka farieb – prevod HEX, RGB a HSL; Kalkulačka CSS clamp pre responzívny text.

Predpoklady a obmedzenia

Prahové rozhodnutie používa nezaokrúhlený pomer. Farby musia byť výsledné nepriehľadné sRGB farby; transparentnosť a obrázky vyžadujú reálne pozadie.

Zdroje a metodika

Časté otázky

Na čo slúži tento výpočet?

Overte kontrast dvoch nepriehľadných farieb HEX podľa WCAG. Rozlíšte bežný text, veľký text a grafické prvky.

Ako sa počíta výsledok?

HEX sa prevedie na sRGB a lineárne kanály. Relatívny jas = 0,2126 R + 0,7152 G + 0,0722 B. Kontrast = (svetlejší jas + 0,05) / (tmavší jas + 0,05).

Kedy sa používa hranica 3 : 1?

Pre veľký text najmenej 18 bodov alebo 14 bodov tučným rezom a pri vybraných netextových prvkoch. Bežný text AA potrebuje 4,5 : 1.

Zdieľanie nástroja

Vložte si kalkulačku na vlastný web

Skopírujte tento kód a vložte ho do HTML stránky, kde chcete kalkulačku zobraziť.