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

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

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Color Palette

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

В чём разница между оттенками и тонами?

Оттенки (shades) создаются смешиванием цвета с чёрным (делая темнее). Тона (tints) создаются смешиванием с белым (делая светлее).

Сколько шагов использовать?

10 шагов — стандарт для дизайн-систем вроде Tailwind CSS. Используйте меньше для простых палитр или больше для точной настройки.