Přejít na obsah

Kontrola kontrastu FREE

Změřte kontrast dvou barev podle WCAG 2.2, podívejte se, které požadavky dvojice splňuje, a získejte nejbližší odstín, který dosáhne toho chybějícího.

Zdarma Bez registrace Důraz na soukromí

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) nebo název barvy v CSS.

Nedávné

Kontrast

APCA (návrh, doplňující informace)

APCA je percepční model kontrastu navržený pro WCAG 3. Dnes není požadavkem shody a od WCAG 2 se liší v obou směrech, proto se zobrazuje jako doplňující informace a nikdy jako splněno či nesplněno.

Jak to vypadá

Každý převod, každá paleta i každá hodnota kontrastu na této stránce se počítá ve vašem prohlížeči. Obrázek, který sem přetáhnete, se čte na plátně v této záložce a nikdy se nenahrává.

Jak to funguje

Co ten poměr znamená

Poměr se řídí definicí z WCAG 2.2: relativní jas světlejší barvy zvýšený o 0,05, dělený týmž pro tmavší. 4,5:1 je požadavek AA pro běžný text, 3:1 pro velký text a pro prvky rozhraní a 7:1 je AAA. Poloprůhledná barva se nejdřív složí na barvě stránky, tak jak ji vykresluje prohlížeč.

Když dvojice cíle nedosáhne, návrhem je nejbližší odstín téže barvy, který ho splní - hledaný podle světlosti a chromy v OKLCH a znovu změřený po zaokrouhlení na osm bitů, takže kopírovaný zápis je ten, který skutečně projde. Splnění požadavku na kontrast je jedno kritérium úspěchu z mnoha a samo o sobě stránku přístupnou nedělá.

Tvořte lepší web, rychleji.

Vytváříme software a řešení na míru vašim potřebám.

Kontaktujte nás