Генератор темных и светлых оттенков цвета онлайн

Укажите цвет HEX-кодом или выберите из палитры нажав на блок цвета.

Сохранён Сохранить

Светлые оттенки

Создаются добавлением белого цвета к базовому цвету. Оттенки становятся пастельного цвета.

#{{color}}

Серые оттенки

Создаются добавлением серого к базовому цвету. Оттенки выглядят сложнее базового цвета.

#{{color}}

Тёмные оттенки

Создаются добавлением черного цвета к базовому. Оттенки выглядят насыщеннее.

#{{color}}

Инструменты

Привет,
рады вас видеть!

Забыли пароль?

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

Регистрация нового аккаунта

Пароли не совпадают

Встречайте Mesh градиенты

Добавили для вас генератор меш градиентов и новую mesh библиотеку, которую можете пополнить и вы своими градиентами. Теперь вы можете создавать красивые абстрактные градиенты, скачивать их, копировать их CSS-код, сохранять в личном кабинете и добавлять их в общую библиотеку.

Скоро мы добавим генератор радиальных градиентов!

Меш градиенты