Палитры для дизайн‑системы: вдохновение APCA

В статье Максимилиана Блазека (Canonical) рассказывается о поиске перцептуально-однородных цветов (Oklab/Oklch), недостатках WCAG и о том, как он обратил алгоритм APCA, чтобы генерировать контрастные палитры — с кодом и мыслями о применении. Подбор цвета по перцептуальной контрастности — В статье описан алгоритм reversePerceptualContrast для расчёта яркости текста/фона по целевой перцептуальной контрастности, преобразование Y↔OKHSL, конвертация в sRGB и генерация цветовых шкал с учётом эффекта Безольда‑Брюкке. Генерация палитр с предсказуемым перцептуальным контрастом

В статье показан TypeScript‑код для создания шкал на базе OKHSL: вычисление оттенка, хромы и светлоты, таблица примеров и ссылка на GitHub. Автор объясняет, почему в итоге выбрали WCAG‑подход и анонсирует следующий пост.

Читать далее: https://ubuntu.com//blog/generating-color-palettes-for-design-systems-inspired-by-apca

#en

@linux_n_linus | Другие наши каналы