Design

Kontrolor kontrastu barev

Vypočítejte poměr kontrastu dvou barev podle WCAG.

Téměř dříve, než jsme si to uvědomili, jsme opustili zem.
1.00
Poměr kontrastu
StandardBěžný textVelký text
WCAG AA
WCAG AAA
WCAG 1.4.11Netextové / komponenty uživatelského rozhraní (≥3:1): —

Nejbližší alternativa textu AAVypočítávám alternativu OKLCH…

Tato zpráva splňuje požadavky na poměr kontrastu dle standardu WCAG 2.2. APCA zůstává experimentální a není výsledkem shody se standardem WCAG 3.

Vybrat barvy? Konvertor barev · Sociální biografie: Generátor okázalého textu · stupnice: Generátor odstínů barev.

Jak používat

Vyberte barvu textu a barvu pozadí. Poměr kontrastu a výsledek splnění či nesplnění pro každou úroveň WCAG se aktualizují v reálném čase spolu s náhledem.

FAQ

Jaký je dobrý poměr kontrastu?

Pro běžný text vyžaduje WCAG AA poměr 4.5:1 a pro velký text 3:1. Pro AAA jsou požadavky 7:1 respektive 4.5:1. WCAG 1.4.11 také vyžaduje poměr 3:1 pro zásadní netextové grafiky a hranice či stavy komponent uživatelského rozhraní.

Co se počítá jako velký text?

Velký text má přibližně 18 pt (24 px) nebo 14 pt (18,66 px), tučný a větší.

Jak se počítá poměr?

Z relativní svítivosti obou barev: (světlejší + 0.05) ÷ (tmavší + 0.05), podle vzorce WCAG.

Naposledy aktualizováno: