#инструменты

Часть 1

Если вы испытывали смятение, панику, и страх чистого листа перед задачей создать палитру для дизайн-системы, то наша подборка для вас. Мы нашли и проверили почти все генераторы цветовых схем в интернете, и выписали лучшие из них, на наш взгляд. Вы сможете сгенерировать палитру и описание, изменить значения и параметры и встроить получившуюся палитру в свою дизайн-систему.

① https://huetone.ardov.me/
Генератор «доступных» цветовых систем с предсказуемой контрастностью. Работает в пространстве LCH. Помогает добиться однородной воспринимаемой яркости цветов в градациях. Проверяет контрастность по стандартам WCAG 2 и APCA. Экспорт в Token Studio или CSS-переменными. Тред про генератор от автора (для просмотра нужен впн).

② https://accessiblepalette.com/
Генератор «доступных» цветовых систем с консистентой яркостью и предсказуемым коэффициентом контрастности на всех уровнях цвета. Работает в пространствах CIELAB или RGB. Проверяет контрастность по стандартам WCAG 2 и WCAG 3. Экспорта нет. Статья про генератор от автора.

③ https://www.genomecolor.space/
Еще один инструмент, похожий на предыдущий генератор. Работает в пространстве Oklab. Не так гибок в настройке шагов градации и количества оттенков. Может добавлять закрепленные цвета и названия оттенков. Проверяет доступность по WCAG горячими клавишами по степени контраста. Экспорт в JSON и в Figma с помощью собственного плагина. Статья про генератор от автора (для просмотра нужен впн).

Продолжение в следующей части.