Инструмент для генерации и подбора цветовой палитры в своих проектах и продуктах. Помогает структурно подойти к подбору цветов, избавиться от хаос и превратить в чёткую систему. Я максимально стараюсь создать инструмент таким, чтобы совместная работа между дизайнерами и разработчиками была быстрее и эффективней.

Что умеет инструмент?

Создание цветов: Генераций случайных оттенков или настройка по своим привычным форматам (HEX, HSL, OKLCH.
Градация: Автоматическое создание градации любого цвета в шкалу оттенков: от светлого 50 до тёмного 950. При этом можно регулировать шаг.
Изменение контраста: позволяет регулировать шаг контраста от -1.00 (темнее) до 1.00 (светлее), вводя дроби до сотых. Помогает кастомно настраивать контраст градации.
Полупрозрачные оттенки: часто в дизайн-системах встречаются дополнительные прозрачные оттенки для чистого использования в разных компонентах и темах. Вы можете выбрать любой шаг для создания оттенков.
Экспорт: один из важных функционалов, позволяет сразу экспортировать в нужный формат (json, ts, css, scss, svg) и передать в работу.
Импорт: загрузить готовый json-файл, получить набор цветов и палитр для редактирования. Далее экспортировать в нужный формат и передать в работу.
Готовые палитры: набор популярных библиотек и дизайн-систем для изучения или вдохновения.
Мои палитры: можно сохранять и использовать позже.

Дизайнер передаёт не просто картинку, а готовый код, который разработчик сразу вставляет в проект. Тем самым Norn Kroma – это мост между вашей идеей и её воплощением в коде.