Генератор оттенков и теней

Автоматически создавайте более светлые оттенки и темные тени любого цвета с кодом HEX.

🔒 100% конфиденциально ⚡ Без загрузки файлов 🆓 Бесплатно и без ограничений

Как генерировать оттенки и тени цвета

1

Выберите базовый цвет

Выберите исходный цвет с помощью визуального селектора или введите его HEX-код.

2

Просмотрите оттенки и тени

Вы автоматически увидите 5 более светлых оттенков (тинты) и 5 более темных (тени), созданные на основе вашего цвета.

3

Скопируйте нужный вам HEX-код

Нажмите на любой цветовой образец, чтобы скопировать его HEX-код в буфер обмена.

Часто задаваемые вопросы о генераторе оттенков и теней

Наличие более светлых и темных вариантов цвета необходимо для создания согласованной палитры дизайна (например, для состояний при наведении, фонов или границ). Этот инструмент рассчитывает их автоматически.

В чем разница между оттенком (tint) и тенью (shade)?

+

Тон получается путем смешивания цвета с белым (осветления), а тень — путем смешивания с черным (затемнения).

Сколько вариантов генерируется?

+

Генерирует 5 более светлых тонов и 5 более темных теней на основе вашего цвета, всего 10.

Могу ли я копировать коды?

+

Да, нажмите на любой цвет в списке, чтобы скопировать его HEX-код.

Можно ли использовать её для создания палитры дизайна типа Tailwind?

+

Да, это работает точно по той же концепции, что и цветовые шкалы 50-900, которые используют многие системы дизайна.

Это бесплатно?

+

Да, этот инструмент полностью бесплатный.

Будет ли мой цвет загружен на какой-то сервер?

+

Нет, все вычисления выполняются прямо в твоем браузере.

Изучите цвета по семействам

Более 469 именованных цветов с кодами HEX, RGB, HSL и CMYK, организованные в 12 семейств оттенков.

Красные 50 Оранжевые 45 Коричневые 40 Жёлтые 40 Зелёные 55 Бирюзовые 35 Синие цвета 55 Фиолетовые 45 Розовые 45 Серые 35 Белые 15 Чёрные 9 Пастель 36