Prejsť na obsah

Kontrola kontrastu FREE

Zmerajte kontrast dvoch farieb podľa WCAG 2.2, pozrite sa, ktoré požiadavky dvojica spĺňa, a získajte najbližší odtieň, ktorý dosiahne ten chýbajúci.

Zadarmo Bez registrácie Súkromie na prvom mieste

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) alebo názov farby v CSS.

Nedávne

Kontrast

APCA (návrh, doplňujúca informácia)

APCA je percepčný model kontrastu navrhnutý pre WCAG 3. Dnes nie je požiadavkou zhody a od WCAG 2 sa líši v oboch smeroch, preto sa zobrazuje ako doplňujúca informácia a nikdy ako splnené či nesplnené.

Ako to vyzerá

Každý prevod, každá paleta aj každá hodnota kontrastu na tejto stránke sa počíta vo vašom prehliadači. Obrázok, ktorý sem pretiahnete, sa číta na plátne v tejto karte a nikdy sa nenahráva.

Ako to funguje

Čo ten pomer znamená

Pomer sa riadi definíciou z WCAG 2.2: relatívny jas svetlejšej farby zvýšený o 0,05, delený tým istým pre tmavšiu. 4,5:1 je požiadavka AA pre bežný text, 3:1 pre veľký text a pre prvky rozhrania a 7:1 je AAA. Polopriehľadná farba sa najprv zloží na farbe stránky, tak ako ju vykresľuje prehliadač.

Keď dvojica cieľ nedosiahne, návrhom je najbližší odtieň tej istej farby, ktorý ho splní - hľadaný podľa svetlosti a chromy v OKLCH a znova zmeraný po zaokrúhlení na osem bitov, takže kopírovaný zápis je ten, ktorý naozaj prejde. Splnenie požiadavky na kontrast je jedno kritérium úspechu z mnohých a samo osebe stránku prístupnou nerobí.

Tvorte lepší web, rýchlejšie.

Vytvárame softvér na mieru a riešenia prispôsobené vašim potrebám.

Kontaktujte nás