Генератор оттенков цвета
Создавайте вариации оттенков от светлого к тёмному для любого цвета. Настраивайте количество шагов и экспортируйте как палитру Tailwind CSS.
Выберите базовый цвет
Тона (светлые цвета)
Светлые вариации, созданные смешиванием белого с базовым цветом
Оттенки (тёмные цвета)
Тёмные вариации, созданные смешиванием чёрного с базовым цветом
Как использовать
Выберите цвет
Укажите цвет с помощью палитры или кода HEX
Создайте оттенки
Оттенки от светлого к тёмному генерируются автоматически
Скопируйте
Скопируйте цветовые коды нужных оттенков
Возможности
Настройка шагов
Регулировка количества шагов оттенков
Множество форматов
Копирование в форматах HEX, RGB, HSL
Экспорт палитры
Экспорт палитры в формате Tailwind CSS
FAQ
🔗Похожие инструменты
Конвертер цветовых кодов
Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.
Палитра цветов
Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.
Извлечение цветов из изображения
Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.
Определение среднего цвета изображения
Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.
Генератор CSS-градиентов
Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.
Генератор CSS Box Shadow
Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.