Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
Цветовая система пользовательского интерфейса — это набор цветовых вариантов, построенных на основе одного исходного цвета. Он обеспечивает согласованную шкалу от светлого к темному для маркеров дизайна, кнопок, фона и цветов текста.
Выберите исходный цвет и стиль («Попутный ветер» или «Материал»). Инструмент генерирует полную 10-ступенчатую палитру от светлого (50) до темного (900), идеально подходящую для систем дизайна.
Что такое дизайнерский токен? Токен дизайна — это именованное значение, в котором хранится атрибут дизайна, например цвет, который последовательно используется во всей системе дизайна.
Зачем мне 10 оттенков? Разным элементам пользовательского интерфейса нужны разные уровни контрастности. 10-ступенчатая шкала обеспечивает гибкость в выборе фона, границ, состояний наведения и текста.