Kontrola barevného kontrastu
BetaZkontrolujte, zda vaše kombinace barev textu a pozadí vyhovuje pokynům pro usnadnění WCAG.
- Zdarma
- Žádná registrace
- Spustí se ve vašem prohlížeči
- Funguje na mobilu
{jméno} na první pohled
- Vstup
- Barvy popředí a pozadí
- Výstup
- Kontrastní poměr a stav shody WCAG
- Soukromí
- Vše se děje na vašem zařízení. Nic není nahráno.
- Cena
- Zdarma, žádný účet, žádný vodoznak.
Jak používat Kontrola barevného kontrastu
- 1Zadejte barvu textu (popředí) a barvu pozadí.
- 2Nástroj okamžitě vypočítá kontrastní poměr mezi dvěma barvami.
- 3Zobrazuje, zda kombinace vyhovuje nebo nevyhovuje standardům WCAG AA a AAA pro normální a velký text.
Funkce
- Výpočet živého kontrastního poměru.
- Stav shody WCAG AA a AAA.
- Přijímá barevné formáty HEX, RGB nebo HSL.
- Vizuální náhled textu na zvoleném pozadí.
Kontrola barevného kontrastu FAQ
Co je WCAG?
WCAG je zkratka pro Web Content Accessibility Guidelines. Jde o soubor standardů, které mají zpřístupnit webový obsah lidem se zdravotním postižením, včetně zrakového postižení.
Jaký je dobrý kontrastní poměr?
WCAG AA vyžaduje poměr alespoň 4,5:1 pro normální text a 3,1:1 pro velký text. WCAG AAA vyžaduje 7:1 pro normální text a 4,5:1 pro velký text.
Proč na kontrastu záleží?
Vysoký kontrast zajišťuje, že text je čitelný a čitelný pro každého, zejména pro uživatele se slabým zrakem nebo barvoslepostí.
Související nástroje
Převodník HEX na RGBBetaOkamžitě převeďte HEX kódy barev na RGB a naopak.Base64 dekodérDecode Base64 (standardní nebo URL-safe) zpět na text.Base64 kodérKódovat text do Base64 s možností zabezpečení URL.Generátor hraničního poloměruZaoblete vizuálně rohy, jeden nebo všechny najednou, a zkopírujte zkrácený text CSS.
Více developer toolsPoslední aktualizace