25 ответов на частые вопросы: как устроены схемы, что означают параметры, как сохранить и экспортировать палитру.
1. Что такое цветовой круг и зачем он нужен?▾
Цветовой круг — модель, которая показывает взаимосвязь оттенков. Он помогает быстро подобрать сочетания цветов и собрать палитру для интерфейса, брендинга или иллюстрации.
2. Что означает H, S, V?▾
H (Hue) — оттенок, S (Saturation) — насыщенность, V (Value) — яркость. В модуле вы управляете ими через внутренний диск и внешнее кольцо.
3. Чем отличается HSV от HSL?▾
HSV удобно использовать для регулировки яркости через V. HSL чаще применяют, когда нужно управлять светлотой (L). В модуле отображаются обе модели.
4. Как выбрать базовый цвет?▾
Кликните по внутреннему диску. Точка на диске задаст оттенок и насыщенность, а яркость регулируется отдельно.
5. Как работает кольцо яркости?▾
Кольцо меняет яркость (V), сохраняя оттенок (H) и насыщенность (S). Это удобно для создания состояний и тонких вариаций.
6. Что делает параметр «Угол»?▾
Он вращает выбранную схему вокруг базового цвета. Интервалы между точками остаются прежними.
7. Что такое аналоговая схема?▾
Это цвета, расположенные рядом на круге. Обычно получается спокойная палитра с мягкими переходами.
8. Что такое комплементарная схема?▾
Это два цвета напротив друг друга. Даёт сильный контраст и подходит для акцентов.
9. Что такое раздельно-комплементарная схема?▾
Вместо одного противоположного цвета берутся два соседних к нему. Контраст остаётся, но выглядит мягче.
10. Что такое триада?▾
Это три цвета, расположенные равномерно по кругу. Часто даёт хороший баланс контраста и целостности.
11. Что такое тетрада (квадрат)?▾
Четыре цвета с равным шагом. Важно распределять роли: базовые цвета используйте чаще, акценты — дозировано.
12. Что такое тетрада (прямоугольник)?▾
Четыре цвета, где две пары ближе друг к другу. Обычно проще применять в интерфейсах.
13. Что такое пятиугольная и шестиугольная схемы?▾
Это 5 или 6 цветов по кругу. Полезно для категорий, диаграмм и сложных систем.
14. Что такое монохромная палитра?▾
Палитра из одного оттенка, но с разной яркостью и/или насыщенностью. Часто используется в дизайн‑системах.
15. Что такое Shades / Tints / Tones?▾
Shades — темнее базового, Tints — светлее базового, Tones — менее насыщенные варианты при сохранении оттенка.
16. Что такое «Нейтрали + акцент»?▾
Нейтральные цвета для базы (фон/текст/поверхности) плюс один цвет для акцентов (CTA, ссылки, статусы).
17. Что такое «Свободный режим»?▾
Режим для экспериментов и ручной настройки. Подходит, когда нужна палитра без строгой формулы.
18. Можно ли редактировать отдельный цвет в палитре?▾
Да. Откройте редактор выбранного цвета и задайте HEX или выберите цвет пипеткой.
19. Как сохранить ссылку на палитру?▾
Используйте поле «Ссылка» и кнопку «Копировать», чтобы поделиться палитрой или открыть её позже.
20. Какие форматы экспорта доступны?▾
CSS‑переменные, JSON, Tailwind, SwiftUI, Android XML и значения RGBA для переноса в Figma.
21. Как экспортировать палитру в CSS?▾
Выберите экспорт CSS var — получите набор переменных вида --color-1, --color-2 и т.д., которые можно вставить в :root.
22. Как использовать палитру в Figma?▾
Скопируйте HEX/RGBA и вставьте в Fill. Для импорта в Styles/Variables обычно используют Figma‑плагин.
23. Как сделать палитру более спокойной?▾
Снизьте насыщенность, подстройте яркость и добавьте нейтральные оттенки. Часто помогают «Tones» или «Нейтрали + акцент».
24. Как проверить читаемость текста на фоне?▾
Смотрите на контраст по светлоте. Если текст теряется — увеличьте разницу яркости между фоном и текстом.
25. Модуль показывает точные значения?▾
Модуль носит информационный характер. Возможны небольшие расхождения из‑за округлений и различий в моделях цвета.
