Цветовая система пользовательского интерфейса — это набор цветовых вариантов, построенных на основе одного исходного цвета. Он обеспечивает согласованную шкалу от светлого к темному для маркеров дизайна, кнопок, фона и цветов текста.
Выберите исходный цвет и стиль («Попутный ветер» или «Материал»). Инструмент генерирует полную 10-ступенчатую палитру от светлого (50) до темного (900), идеально подходящую для систем дизайна.
Frequently Asked Questions
Q: Что такое дизайнерский токен?
Что такое дизайнерский токен? Токен дизайна — это именованное значение, в котором хранится атрибут дизайна, например цвет, который последовательно используется во всей системе дизайна.
Q: Зачем мне 10 оттенков?
Зачем мне 10 оттенков? Разным элементам пользовательского интерфейса нужны разные уровни контрастности. 10-ступенчатая шкала обеспечивает гибкость в выборе фона, границ, состояний наведения и текста.
Q: Что такое палитра токенов дизайна?
Что такое палитра токенов дизайна? Палитра токенов дизайна — это систематический набор цветовых переменных (основной, вторичный, поверхностный, текстовый), созданный на основе одного цвета бренда. Это обеспечивает согласованность всего пользовательского интерфейса.
Q: Могу ли я экспортировать в другие системы проектирования, кроме Tailwind?
Могу ли я экспортировать в другие системы проектирования, кроме Tailwind? Да, инструмент экспортирует в пользовательские свойства CSS, переменные SCSS и формат конфигурации Tailwind. Скопируйте формат, соответствующий вашему стеку.
Q: Как мне справиться с темным режимом с помощью этого инструмента?
Как мне справиться с темным режимом с помощью этого инструмента? Сначала создайте палитру светлого режима, затем используйте тот же исходный цвет с уменьшенными значениями насыщенности и яркости для темного режима. Многие системы дизайна инвертируют цвета поверхности и текста.
Русские традиционные цвета
От гжельской синевы до хохломского золота — русская палитра рождена народными промыслами, иконописью и северной природой. Эти цвета до сих пор вдохновляют дизайнеров по всему миру.
Алый #FF2400Алый цвет знамён, сарафанов и праздничной символики
Васильковый #6495EDЦвет полевых васильков — символ русских лугов
Золото Хохломы #D4AF37Золотой орнамент хохломской росписи
Гжель Синий #005A9CКобальтовая синева гжельской керамики
Изумрудный #50C878Цвет уральских самоцветов и малахита
Бордовый #800020Тёмно-красный цвет театральных занавесов
Янтарный #FFBF00Балтийский янтарь — золото Калининграда
Сиреневый #C8A2C8Нежная сирень майских садов
Охристый #CC7722Цвет иконописи и древних фресок
Снежно-белый #F8F8FFБелый снег русских зим
Q: Что такое гжель?
Что такое гжель? Гжель (#005A9C) — традиционная русская керамика с синей кобальтовой росписью на белом фоне, производимая в Подмосковье с XVIII века и ставшая символом русского народного искусства.
Q: Что такое хохлома?
Что такое хохлома? Хохлома — традиционная деревянная роспись с золотым орнаментом (#D4AF37) на чёрном или красном фоне, создаваемая в Нижегородской области с XVII века.