Zkontrolujte poměr kontrastu mezi dvěma barvami vůči úrovním přístupnosti WCAG AA a AAA.
Jak používat nástroj Kontrola kontrastu
Zvolte barvu textu a barvu pozadí.
Přečtěte si poměr kontrastu a odznaky WCAG vyhovuje nebo nevyhovuje.
Upravujte barvy, dokud nevyhoví úrovni, kterou potřebujete.
Často kladené otázky
WCAG AA vyžaduje 4,5:1 pro běžný text a 3:1 pro velký text (18pt nebo 14pt tučně). AAA vyžaduje 7:1 a 4,5:1.
Text, který má alespoň 24px (18pt), nebo 18,66px (14pt), když je tučný. Velkému textu je povolen nižší poměr kontrastu.
Z relativní svítivosti každé barvy pomocí oficiálního vzorce WCAG, čímž vznikne hodnota od 1:1 (žádný kontrast) po 21:1 (černá na bílé).
Kontrola kontrastu barev WCAG, která zobrazí přesný poměr kontrastu mezi barvou textu a pozadí a zda splňuje úrovně přístupnosti AA a AAA.
Vyberte barvy vzorkem nebo hexadecimálním kódem a uvidíte živý náhled. Dobrý kontrast činí váš web čitelným a přístupným.
Související nástroje
Generujte hashe SHA-1, SHA-256, SHA-384 a SHA-512 z libovolného textu přímo ve svém prohlížeči.
Převádějte barvy mezi HEX, RGB a HSL s živým náhledem.
Převádějte Unixové časové značky na čitelná data a zpět: UTC, místní čas, ISO 8601 a relativní čas. Sekundy a milisekundy se rozpoznají automaticky.
Procentně kódujte a dekódujte URL a komponenty URL, bezpečně v UTF-8.