⚡ Калькулятор перцептивного контраста APCA (WCAG 3.0)
Расчет воспринимаемого контраста по алгоритму Advanced Perceptual Contrast Algorithm (APCA), учитывающему пространственную частоту человеческого зрения и полярность фона.
APCA Lightness Contrast (Lc)
Lc 82.4
Body Text (16px):PASS (Lc > 75 required)
Large Headlines:PASS (Lc > 60 required)
Perceptual Model:Spatial Frequency & Human Vision
Readability Score:100% Crisp Contrast
Сравнение A/B:
📐 Алгоритм адаптивного контраста APCA W3C (Спецификация WCAG 3.0 Silver)
Y_txt, Y_bg по нелинейной кривой степени 2.4
Если Светлый фон: Lc = (Y_bg^0.56 - Y_txt^0.62) * 114.14
Если Темный фон: Lc = (Y_bg^0.65 - Y_txt^0.56) * 114.14
В отличие от устаревшего коэффициента WCAG 2.1, стандарт APCA учитывает нелинейную реакцию человеческого глаза к пространственной частоте текста и адаптацию сетчатки к полярности (светлый текст на темном фоне или темный текст на светлом фоне) через степенное преобразование гаммы 2.4.
📊 Пороговые значения контраста Lc для типографики интерфейсов
Проверенный эталон: Текст #38bdf8 на темном фоне #0b0f17 дает оценку Lc = +78.4. Это полностью соответствует требованиям для основного наборного текста кеглем от 16px и заголовков от 14px bold.
⚠️ Цветовая слепота (дальтонизм) и субпиксельное сглаживание шрифтов
Важное замечание: Алгоритм APCA находится на этапе финальной стандартизации в рабочей группе W3C Silver (WCAG 3.0). Окончательные пороговые значения Lc могут быть незначительно скорректированы.
👁️ Градации доступности APCA (Lightness Contrast Lc)
| Диапазон Lc | Минимальный кегль шрифта | Назначение в UI-дизайне | Статус доступности |
|---|---|---|---|
| Lc 90+ | 14px Regular / 12px Bold | Основной массив текста статей и блогов | Идеальная читаемость |
| Lc 75+ | 16px Regular / 14px Bold | Стандартный контент интерфейсов | Рекомендовано WCAG 3.0 |
| Lc 60+ | 24px Regular / 18px Bold | Подзаголовки и крупные интерактивные кнопки | Допустимо для акцентов |
| Lc 45+ | 36px Regular / 32px Bold | Главные заголовки H1, баннеры, крупные иконки | Минимум для крупных форм |
| Lc < 30 | - | Неактивные элементы (disabled) или декораторы | Недоступно для чтения |
🎨 Связанный инструмент: Сравните результат со старым стандартом в калькуляторе контрастности WCAG 2.1.
🔗 Связанные инструменты
Рекомендуемые калькуляторы и утилиты для непрерывного студийного процесса: