Генератор оттенков цвета

Все инструменты
Генератор оттенков цвета
Создайте полный диапазон светлых и тёмных оттенков на основе одного цвета — задайте шаг и количество оттенков, затем мгновенно копируйте любое значение.
Базовый цвет
Шаг
%
На сколько светлее/темнее становится каждый оттенок за шаг (1–25%).
Количество оттенков
Сколько тинтов и шейдов генерировать с каждой стороны от базового цвета.
Градиент
Сгенерированные оттенки

Выберите базовый цвет, шаг в процентах и количество — все тинты и шейды вычисляются мгновенно в вашем браузере.

Поделиться
Похожие инструменты
Генератор цветовых палитр

Создавайте гармоничные палитры с помощью интерактивного цветового колеса — применяйте правила гармонии: аналоговые, комплементарные, триадные — и мгновенно копируйте любое значение.
Смеситель цветов

Плавно перейдите от начального цвета к конечному через до 10 шагов — просматривайте градиент, берите каждый оттенок и мгновенно копируйте любой формат.
Экспортер палитр

Вставьте или импортируйте набор цветов и мгновенно экспортируйте их в CSS-переменные, SCSS, Tailwind config, JSON или SVG-образцы — финальный шаг для любой палитры.
Извлечение цветов из изображения

Получите готовую к копированию цветовую палитру из любого изображения.
Популярные запросы
генератор оттенков цвета светлые и тёмные оттенки осветлить и затемнить цвет оттенки одного цвета генератор тонов цвета создать оттенки цвета

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.