Kontrola kontrastní poměru barev
Okamžitě ověřte poměr kontrastu mezi barvou textu a barvou pozadí a kritéria čitelnosti (WCAG AA)
Funkce
Okamžité ověření poměru kontrastu
Zadejte barvu textu a barvy pozadí a zobrazte se výsledek WCAG AA
Podpora výběru a kódu
Zadejte barvu pomocí výběrače barev nebo vložením kódu HEX, zkráceného formátu či rgb()
Náhled dvou velikostí
Okamžitě si zobrazte, jak bude vypadat běžný text a nadpisy
Jedním kliknutím na vyhovující barvu
Okamžitě aplikujte navrhovanou barvu se zachovaným tónem a změněným jasem
Jak na to
Zadejte barvu textu
Vyberte barvu pomocí výběrače nebo zadejte kód ve formátu #333333, #333 nebo rgb(51, 51, 51)
Zadejte barvu pozadí
Zadejte barvu pozadí stejným způsobem. Výsledky se aktualizují automaticky bez nutnosti stisknout tlačítko
Ověřte poměr, shodu a náhled
Zkontrolujte poměr kontrastu, shodu pro běžný a velký text, jednoslované hodnocení a vzhled ukázkového textu
Aplikujte navrhovanou barvu a znovu zkontrolujte
Pokud neprošla, kliknutím na tlačítko "Změnit barvu textu na..." aplikujte vyhovující barvu. Pomocí tlačítka výměny můžete také zaměnit barvu textu a pozadí
Případy použití
Ověření barev prezentací a materiálů
Před vytvořením interních dokumentů nebo prezentací si ověřte, zda je text čitelný
Kontrola barev webu
Ověřte, zda barvy webu nebo bannerů splňují kritéria přístupnosti (WCAG AA)
Rozhodnutí o užití firemní barvy v textu
Zjistěte, nakolik musí být firemní barva tmavší, aby se dala použít pro běžný text
Oprava nevyhovujících barev
Upravte kritizované barvy tak, aby byly vyhovující, a přitom si zachovaly původní tón
Základní znalosti
Co je poměr kontrastu
Poměr kontrastu je měřítko rozdílu v jasu mezi barvou textu a barvou pozadí, vyjádřené jako hodnota od 1 : 1 do 21 : 1. Kombinace černé a bílé dosahuje maximálního poměru 21 : 1, zatímco stejné barvy dosahují minimálního 1 : 1.
- Jak se počítá：Poměr kontrastu se vypočítá tak, že se dvě barvy převedou na relativní luminanci sRGB, a pak se dělí jasem světlejší barvy zvětšeným o 0,05 a jasem tmavší barvy zvětšeným o 0,05.
- Příklady hodnot：Vůči bílému pozadí (#FFFFFF) má šedá #777777 poměr kontrastu 4,47 : 1, #999999 má 2,84 : 1 a černá (#000000) má 21 : 1.
Rozdíl mezi AA a AAA v WCAG
WCAG je mezinárodní směrnice pro přístupnost webového obsahu, která stanovuje dva stupně splnění kritérií poměru kontrastu: AA a AAA.
- AA (standard)：AA vyžaduje poměr 4,5 : 1 pro běžný text a 3,0 : 1 pro velký text. Je to standard, na který se zaměřují typické webové stránky.
- AAA (přísnější standard)：AAA vyžaduje poměr 7 : 1 pro běžný text a 4,5 : 1 pro velký text. Je to standard zaměřený na lidi se slabším zrakem.
Definice velkého textu
Velký text podle WCAG zahrnuje text o velikosti přibližně 18 bodů (24px) nebo větší, nebo tučný text o velikosti přibližně 14 bodů (přibližně 18,7px) nebo větší.
- Běžný text：Běžný text je text, který nesplňuje kritéria velkého textu, jako je text v hlavním textu nebo poznámky, a vyžaduje poměr kontrastu nejméně 4,5 : 1.
- Vztah k nadpisům：I když je nadpis o velikosti menší než 24px a není tučný, je považován za běžný text, takže je nutné zkontrolovat jak velikost, tak tučnost.
Bezpečnost a soukromí
Vše v prohlížeči
Vstupní data jsou zpracována pouze ve vašem prohlížeči a nejsou odesílána ven.
Zpracování pouze v prohlížeči
Výpočet poměru kontrastu a návrh barev se provádí výhradně v rámci vašeho prohlížeče a vstupní data se neposílají na server.
Komunikace šifrována pomocí HTTPS
Načítání stránky je také šifrováno pomocí TLS a třetí strany nemohou přečíst obsah.
Bez odesílání třetím stranám
Vstupní data se neposílají externím službám, jako jsou reklamní sítě nebo sledovací služby.
Bez automatického ukládání výsledků
Zadaná barva textu a barva pozadí a navrhované vstupy se neukládají na serveru.
Sledujte RAKKOTOOLS v Googlově vyhledávání
194 užitečných nástrojů je snadnější najít v Googlově vyhledávání a vyhledávání AI!
- Nalezení ve vyhledávání
- Také se zobrazí ve vyhledávání AI
- Objevujte nové nástroje
Informace o aktualizacích
- update #337
Přidat kontrolu kontrastu barev, posoudit čitelnost barvy textu a barvy pozadí