Barevné pozadí
Color picker — vyber barvu a dostaneš HEX, RGB, HSL. WCAG kontrast proti libovolné barvě textu (vč. invertovaného náhledu) a APCA Lc skóre. Paleta LYNT s doporučenou barvou textu pro každou dlaždici. Tlačítkem barva přes celou obrazovku (klik / Escape se vrátí).
Volba barvy
Tlačítkem nahoře pustíš barvu přes celou obrazovku (Escape / klik se vrací).
Náhled
Kontrast a čitelnost (WCAG)
Proč jsou v každém boxu jiná čísla pro APCA, ale WCAG je stejný?
WCAG 2.x používá vzorec (L_lighter + 0.05) / (L_darker + 0.05) —
matematicky symetrický, takže swap text↔pozadí dá stejné číslo.
Prahy: AA běžný ≥ 4.5:1, AA velký (≥ 18 pt / 14 pt tučný) ≥ 3:1, AAA běžný ≥ 7:1.
APCA (Accessible Perceptual Contrast Algorithm, kandidát pro WCAG 3.0) bere v úvahu, že lidský zrak vnímá tmavý text na světlém pozadí jinak než světlý text na tmavém pozadí. Vrací Lc (lightness contrast): kladné pro dark-on-light, záporné pro light-on-dark. Pro čitelnost se obvykle bere absolutní hodnota.
Doporučené prahy APCA: |Lc| ≥ 90 nejlepší · ≥ 75 body text · ≥ 60 obsahový text · ≥ 45 velký text · ≥ 30 dekorativní / non-text.
Paleta LYNT (klikni pro výběr)
Barva textu v dlaždici a badge = doporučení podle WCAG kontrastu (AA = ≥ 4.5:1 pro normální text).