🌗 Один набор инструментов для
любой задачи проектирования

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

Создайте полную шкалу оттенков из любого цвета — 20 уровней с экспортом HEX и SCSS.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

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

Руководство по тинтам и шейдам

Тинт осветляет цвет смешиванием с белым; шейд затемняет смешиванием с чёрным. Вместе они образуют шкалу, нужную каждой дизайн-системе для фонов, рамок и иерархии текста.

Задайте базовый цвет и число шагов, затем кликните любой образец, чтобы скопировать HEX. Экспорт SCSS создаёт переменные всей палитры разом.

Pro Tips

Frequently Asked Questions

Q: Чем тинт отличается от шейда?
Чем тинт отличается от шейда? Тинт добавляет в базовый цвет белый (светлее), шейд — чёрный (темнее). Оба сохраняют тот же оттенок.
Q: Сколько шагов использовать?
Сколько шагов использовать? 5–10 шагов с каждой стороны покрывают большинство задач; 20 шагов суммарно идеальны для графиков и визуализации данных.
Q: Как использовать экспорт SCSS?
Как использовать экспорт SCSS? Скопируйте блок в файл .scss и ссылайтесь на переменные вроде $tint-2 или $shade-1 в стилях.
Q: Что такое правило 60-30-10?
Что такое правило 60-30-10? 60% нейтрального, 30% вторичного и 10% акцентного цвета — базовый цвет обычно играет роль 10% акцента.
Q: Можно скопировать один цвет?
Можно скопировать один цвет? Да — кликните любой образец в сетке или на полосе, и HEX скопируется мгновенно.

Русские традиционные цвета

От гжельской синевы до хохломского золота — русская палитра рождена народными промыслами, иконописью и северной природой. Эти цвета до сих пор вдохновляют дизайнеров по всему миру.

Алый #FF2400

Алый цвет знамён, сарафанов и праздничной символики

Васильковый #6495ED

Цвет полевых васильков — символ русских лугов

Золото Хохломы #D4AF37

Золотой орнамент хохломской росписи

Гжель Синий #005A9C

Кобальтовая синева гжельской керамики

Изумрудный #50C878

Цвет уральских самоцветов и малахита

Бордовый #800020

Тёмно-красный цвет театральных занавесов

Янтарный #FFBF00

Балтийский янтарь — золото Калининграда

Сиреневый #C8A2C8

Нежная сирень майских садов

Охристый #CC7722

Цвет иконописи и древних фресок

Снежно-белый #F8F8FF

Белый снег русских зим

Q: Что такое гжель?
Что такое гжель? Гжель (#005A9C) — традиционная русская керамика с синей кобальтовой росписью на белом фоне, производимая в Подмосковье с XVIII века и ставшая символом русского народного искусства.
Q: Что такое хохлома?
Что такое хохлома? Хохлома — традиционная деревянная роспись с золотым орнаментом (#D4AF37) на чёрном или красном фоне, создаваемая в Нижегородской области с XVII века.