Оттенки цвета
Сгенерируйте светлые и тёмные оттенки цвета, копируемые коды.
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Монохромная палитра мгновенно
Введите цвет и получите его светлые и тёмные оттенки на равномерной шкале. Кликните образец, чтобы скопировать HEX-код.
-
Выберите цвет
Палитрой или в HEX.
-
Смотрите шкалу
От самого светлого к тёмному.
-
Копируйте коды
Клик по образцу.
Из чего состоит шкала
| Тип | Смесь | Эффект |
|---|---|---|
| Светлые | с белым | светлее |
| База | #7C3AED | исходный цвет |
| Тёмные | с чёрным | темнее |
Шкала из 11 шагов (5 светлых + база + 5 тёмных). Простой расчёт RGB, всё локально. Базовый цвет обведён.
Частые вопросы
В чём разница между tint и shade?
Tint — цвет, смешанный с белым: становится светлее. Shade — цвет, смешанный с чёрным: становится темнее. Вместе они образуют монохромную шкалу.
Как считаются значения?
Для осветления каждый канал RGB сдвигается к 255 (белый); для затемнения — к 0 (чёрный), на процент. Просто и предсказуемо, идеально для равных шагов.
Зачем эта шкала?
Чтобы создать варианты фирменного цвета для дизайн-системы: ховеры, отключённые состояния, фоны, границы. Один базовый тон обеспечивает визуальную согласованность.
Можно ли взять коды?
Да: каждый образец показывает свой HEX-код и копируется одним кликом. Можно также ввести значение HEX напрямую или использовать палитру.