UTILS.
100% в браузере

Оттенки и тона цвета

Создавайте диапазон более светлых тонов и более тёмных оттенков из любого базового цвета.

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

Об этом инструменте

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

Часто задаваемые вопросы

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

Больше инструментов