Генератор монохромной палитры

Монохромная палитра строится на одном цвете: тон остаётся неизменным, меняются только светлота и насыщенность. Схема уже выбрана, вам остаётся указать количество цветов и нажать кнопку. HEX-код копируется нажатием на образец.

Это самая безопасная из всех цветовых схем: ошибиться в ней почти невозможно, потому что цвета физически не могут спорить друг с другом.

Готовим варианты…

Монохромная · все настройки генератора →

Примеры монохромных палитр

Каждая строка — отдельная палитра. Нажмите кнопку выше, чтобы получить свою.

#DBA3CC #D491C2 #D477BB #CE64B2 #D147AC
#AC3D39 #C65753 #DA7572 #E49D9A #F2C1C0
#2129C4 #3B43DE #6E73DE #979BE7 #C4C6EE
#2A5EAC #3A76CF #6B94D1 #92B0DD #BCCDE6
#C07154 #A4583D #864128 #5E2E1C #3A190E
#B670C2 #A34DB3 #883597 #662871 #471650
#A1CE8D #84BF69 #65B540 #508F32 #396F1F
#14B6C2 #21DBE8 #57DBE5 #83E5EC #B3EBEF

Когда монохром — правильный выбор

Монохромная схема выигрывает там, где цвет не должен перетягивать внимание. Интерфейс, где главное — содержимое. Презентация, где на слайде важен текст, а не оформление. Отчёт, который должен выглядеть строго. Во всех этих случаях один тон в нескольких светлотах даёт порядок, не требуя от вас решений на каждом шаге.

Работает это так: самый тёмный оттенок берите на текст и заголовки, средние — на элементы интерфейса и заливки, самый светлый — на фон. Между соседними ступенями держите заметную разницу в светлоте, иначе шкала схлопнется в кашу, где элементы перестанут отличаться.

Главный риск монохрома — скука. Лечится он не добавлением второго цвета, а увеличением контраста: если между самым светлым и самым тёмным оттенком большой разрыв, палитра выглядит уверенно даже в одном тоне. Второй способ — оставить один акцентный элемент вне палитры: кнопка или ссылка контрастного цвета на монохромном фоне читается моментально.

Где применить монохромную палитру

  • Интерфейсы. Оттенки одного цвета для фона, границ, состояний кнопок и текста.
  • Презентации и отчёты. Строгое оформление, где цвет не спорит с содержанием.
  • Графики. Шкала одного цвета для величин, различающихся по интенсивности.
  • Иллюстрации. Ограничение одним тоном — известное упражнение на работу со светом.
  • Фотообработка. Тонирование снимка в один цвет с сохранением проработки.

Чем монохром отличается от градиента

Эти вещи часто путают, хотя разница принципиальная. Градиент — это плавный переход между цветами, непрерывная заливка. Монохромная палитра — набор отдельных дискретных значений, каждое со своим кодом.

Практическая разница в применении. Из палитры вы берёте конкретные цвета и назначаете их элементам: этот на фон, этот на рамку, этот на текст. Градиент назначается одному элементу целиком. Палитра масштабируется на весь проект, градиент — приём для отдельного блока.

Есть и техническая тонкость: генератор меняет не только светлоту, но и насыщенность. Чистое осветление одного цвета даёт вымытые, сероватые оттенки, потому что человеческий глаз воспринимает светлоту нелинейно. Небольшая коррекция насыщенности на каждой ступени сохраняет цвету характер во всём диапазоне.

Вопросы и ответы

Что такое монохромная палитра?

Набор оттенков одного цвета, различающихся светлотой и насыщенностью. Тон при этом остаётся неизменным, поэтому цвета всегда сочетаются между собой.

Сколько цветов брать?

Для интерфейса обычно хватает пяти ступеней: фон, светлая заливка, средний тон, тёмный элемент и текст. Восемь имеет смысл брать для графиков, где нужна широкая шкала.

Как скопировать цвет?

Нажмите на образец, и HEX-код попадёт в буфер обмена. Кнопка ниже копирует всю палитру списком.

Монохром не будет скучным?

Не будет, если между самым светлым и самым тёмным оттенком достаточная разница. Второй приём — оставить один акцентный элемент контрастного цвета вне палитры.

Подойдёт ли палитра для сайта?

Да, монохром — частый выбор для интерфейсов. Контраст пары «текст на фоне» проверьте отдельно: гармония цветов и читаемость — разные вещи.