Цвета для оформления канала: как подобрать палитру

Пять HEX с ролями, цветовой круг и проверка контраста в тёмной теме MAX. Фирменный фиолет #471AFF на #0D001A для мелкого текста не проходит.

21 сентября 2026 13 мин чтения
Палитра канала: пять цветов и проверка контраста
Палитра канала: пять цветов и проверка контраста

Коротко. Палитра канала — это пять цветов с ролями: фон, текст, акцент, нейтральный и «опасный». Их проверяют не на большом мониторе, а на телефоне в тёмной теме MAX: обычный текст должен давать контраст не ниже 4,5:1, крупный заголовок — не ниже 3:1. Фирменный фиолетовый MAX на тёмном фоне для мелкого текста не проходит — это уже посчитано по официальным HEX из брендбука.

Канал в мессенджере видят в кружке 40 пикселей в списке чатов и на картинке шириной с ладонь в ленте. Цвет, который красив в презентации на 27 дюймах, там превращается в пятно или в кашу. Ниже — как собрать палитру под эту реальность, как пользоваться цветовым кругом, чем проверить контраст и какие сервисы не выдумывают оттенки за вас. Как сделать сам знак — в инструкции про логотип. Что из моды 2027 года вообще читается на маленьком экране — в подборке трендов дизайна в соцсетях. Здесь только цвет и контраст.

Что такое цветовая палитра канала

Цветовая палитра канала — это короткий набор оттенков, которые повторяются в аватаре, обложках постов, кнопках и любых картинках, которые вы кладёте в ленту. Это не «любимый цвет» и не палитра Pantone года: у каждого цвета есть работа.

РольДоляГде в канале
Фоноколо 60%Подложка обложки, плашки, подложки карусели
ТекстЗаголовок и подпись на картинке, не цвет поста в MAX
Акцентоколо 10%Цифра, кнопка, стрелка, бейдж «новое»
Нейтральныйоколо 30%Второй фон, рамки, иконки без смысла «купить»
ОпасныйточечноСкидка до даты, ошибка, стоп-слово в правилах

Текст поста в MAX красится штатными средствами скупо: жирный, ссылка, цитата. Цвет живёт в картинке. Поэтому палитра канала — это в первую очередь палитра обложек, а не палитра абзацев. Как устроены жирный, ссылки и абзацы без картинки — в статье как оформить пост в MAX.

Правило 60–30–10 пришло из интерьеров, но в ленте оно спасает от радуги: один фон, один спокойный сосед, один кричащий акцент. Пятый «опасный» цвет не входит в эти доли — его видно раз в неделю, иначе он перестаёт означать срочность.

Как собрать палитру канала1Снять цвет с аватараэто акцент, не фон2Добавить фон и текстправило 60–30–103Проверить 4,5:1 и 3:1WebAIM или Coolors4Открыть в тёмной теметелефон, вытянутая рукаКак собрать палитру каналаСнять цвет с аватараэто акцент, не фонДобавить фон и текстправило 60–30–10Проверить 4,5:1 и 3:1WebAIM или CoolorsОткрыть в тёмной теметелефон, вытянутая рука

Порядок без трендов и «значения цвета»: сначала роль HEX, потом гармония, потом контраст на тёмном.

С чего начать, если цветов ещё нет

Откуда берёте первый цвет?

  • Есть готовый логотип или брендбук — шаг 2
  • Есть фото товара, офиса, витрины — шаг 3
  • Есть только ниша и название — шаг 4
  • Уже публикуете, но обложки все разные — шаг 5

Есть логотип или брендбук

  • Снимите с логотипа один доминирующий HEX — это акцент, не фон.
  • Фон и текст подберите отдельно под тёмную ленту, а не копируйте градиент знака на всю картинку.
  • Сам знак в кружке аватара собирайте по инструкции про логотип: здесь только соседние цвета.

Есть фото

  • Загрузите снимок в Adobe Color или Coolors и вытащите 5 оттенков с картинки.
  • Оставьте самый тёмный под фон тёмной темы, самый светлый — под текст, самый насыщенный — под акцент.
  • Выкиньте «грязные» средние серо-коричневые: на аватаре 40 пикселей они сливаются.

Есть только ниша

  • Выберите один базовый оттенок по кругу Иттена и схему гармонии — раздел ниже.
  • Не берите «медицинский зелёный» и «юридический синий» из таблиц «значение цвета»: это декорация, не доказательство.
  • Проверьте получившуюся тройку на контрасте с #0D001A — это «Тёмная материя» из брендбука MAX.

Обложки уже разные

  • Откройте последние 12 картинок рядом и выпишите реально повторяющиеся HEX, а не «примерно синий».
  • Оставьте три победителя и запретите себе четвёртый на месяц.
  • Перекрасьте только будущие посты: переделывать архив ради палитры не окупается.

Как пользоваться цветовым кругом

Цветовой круг Иттена — это схема из 12 оттенков, по которой считают гармонию: какие цвета рядом, какие напротив. Им пользуются не чтобы «угадать характер бренда», а чтобы не смешать случайные пятна.

СхемаКак выглядитКогда брать в канал
МонохромОдин цвет, разные светлота и насыщенностьЭкспертный канал, мало картинок, нужен спокойный ряд
АналоговаяСоседи по кругу, например синий–голубой–зелёныйПутешествия, еда, природа — мягкий переход между рубриками
КомплементарнаяЦвета напротив, синий и оранжевыйАкцент на цифре или кнопке, не на всём фоне
Сплит-комплементарнаяБаза плюс два соседа её противоположностиКогда комплемент слишком орёт, а монохром скучен
ТриадаТри цвета через равные шагиРедко: на маленькой обложке три насыщенных цвета спорят

Практический минимум: зафиксируйте базовый цвет, который уже есть в аватаре. Второй берите либо соседний (аналог), либо противоположный — но только на 10% площади. Триаду на обложке 1080×1080 почти всегда нужно гасить: два цвета нейтральные, один кричит.

Круг не заменяет контраст. Комплементарная пара «жёлтый на белом» гармонична по кругу и слепа на телефоне: золотой #FFD700 на белом даёт контраст около 1,4:1 — это провал даже для крупного заголовка.

Палитра канала «_______________» База (фон обложки): #______ Текст на фоне: #______ Акцент (цифра, кнопка, бейдж): #______ Нейтральный (второй фон, иконки): #______ Опасный (срок, стоп): #______ Проверка: текст на фоне ≥ 4,5:1; заголовок ≥ 3:1; оба — на подложке #0D001A и на белом.

Сколько цветов нужно для оформления канала

Пять названий в карточке выше — это потолок для большинства каналов, не минимум. Рабочий набор часто короче:

  • Три цвета — хватает каналу без витрины: тёмный фон, светлый текст, один акцент.
  • Пять цветов — если есть обложки-карточки, кнопки под постом и отдельный цвет для акций.
  • Больше пяти — уже дизайн-система, а не палитра канала. Её не удержать руками в Canva.

Отдельный цвет «для сторис», «для опроса» и «для рекламного поста» не нужен. Рекламный пост лучше отличать композицией и пометкой, а не новым оттенком: иначе через месяц вы не вспомните, какой HEX «официальный». Как собрать сами посты в систему — в контент-плане на месяц и в шаблонах постов.

Аватар — отдельный тест. В списке чатов MAX это кружок. Два тонких цвета на нём сольются. На аватаре оставляйте один силуэт и один фон с контрастом как у крупного текста, от 3:1. Градиент из брендбука MAX на кружке 40 пикселей читается как грязно-фиолетовое пятно — проверьте, уменьшив картинку до размера ногтя.

Как проверить контраст в тёмной теме MAX

MAX умеет светлую и тёмную схему: это прямо сказано в документации библиотеки MAX UI. Справка help.max.ru отдельных HEX интерфейса не публикует. Для проверки обложек берём официальный тёмный цвет бренда — «Тёмная материя» #0D001A из брендбука — и дублируем тест на белом. Живую картинку всё равно смотрите в приложении: системная тема телефона может быть ещё темнее или светлее.

Норма, на которую опираемся, — WCAG 2.1 уровня AA, как её формулирует WebAIM Contrast Checker: обычный текст — не ниже 4,5:1, крупный (от 18 pt или 14 pt жирным) — не ниже 3:1, усиленный AAA — 7:1 и 4,5:1. Это стандарт для текста на картинке, не «закон MAX», но единственная публичная шкала, которую не стыдно назвать вслух.

ПараКонтрастВердикт AA
Белый #FFFFFF на #0D001A20,4:1Проходит с запасом
«Синий гигант» #471AFF на #0D001A2,8:1Не проходит даже как крупный текст
«Пурпурная туманность» #9500FF на #0D001A3,6:1Только крупный заголовок
«Голубая комета» #00BFFF на #0D001A9,6:1Проходит
«Голубая комета» #00BFFF на белом2,1:1Не проходит
Серый #777777 на #0D001A4,5:1На грани обычного текста
Жёлтый #FFD700 на белом1,4:1Не читается

Цифры посчитаны по формуле относительной яркости WCAG, исходники HEX — брендбук MAX, дата расчёта 15.09.2026. Вывод неприятный для тех, кто красит заголовок фирменным фиолетом MAX на тёмной подложке: #471AFF по тёмной материи для текста нельзя. Белый по фиолетовому — можно (7,3:1). Голубой кометный на белом — нельзя, на тёмном — можно.

Серый #777 на тёмном проходит 4,5:1 математически и проваливается глазом, если буква мелкая и шрифт тонкий. Для подписи на обложке берите светлее: #9CA3AF на #0D001A даёт уже 8:1.

На телефоне

  1. Соберите обложку в том размере, в котором она уйдёт в канал, не в макете 4000 пикселей.
  2. Отправьте себе в «Избранное» или в тестовый канал.
  3. Включите тёмную тему MAX, яркость экрана — как днём в комнате, не на максимуме.
  4. Отойдите на вытянутую руку: заголовок должен читаться без увеличения.
  5. Переключите телефон в светлую тему и повторите: серый текст на светло-сером фоне проваливается так же часто, как цветной на тёмном.

На компьютере

  1. Вставьте HEX текста и фона в WebAIM Contrast Checker или в контраст-чекер Coolors.
  2. Прогоните ту же пару на #0D001A и на #FFFFFF.
  3. Уменьшите превью до ширины 360 пикселей — это ширина ленты на большинстве телефонов.
  4. Проверка на 27-дюймовом мониторе с калибровкой не заменяет шаг с телефоном: глаз привыкает к большому кеглю.

Не полагайтесь только на цвет, чтобы объяснить смысл. Красный «минус» и зелёный «плюс» на обложке статистики не различит человек с дейтераномалией. Подпишите стрелку словом или формой: вверх / вниз, «рост», «падение».

Какие сервисы подобрать цвета

Сервис подбора цвета — это сайт, который выдаёт HEX по правилу гармонии, по фото или случайной генерацией. Ни один из них не знает, как выглядит лента MAX: контраст всё равно проверяете вы.

СервисЧто умеетЧего ждать
Adobe ColorПравила гармонии, палитра с фото, проверка контрастаУдобно, если уже сидите в Photoshop
CoolorsБыстрая генерация, заморозка цвета, контраст, режим «дружественно к дальтонизму»Пять полос за секунду, экспорт HEX
PalettonКлассический круг: монохром, аналог, комплемент, триада, тетрадаСкучный интерфейс, предсказуемая теория
WebAIMТолько контраст по WCAGНе палитра, а судья

Палитра по фото работает, если на снимке уже есть ваш продукт: витрина пекарни, форма врача, фасад клиники. Палитра «с случайной картинки из нейросети» даст красивые, но чужие цвета — и обложки разъедутся с аватаром.

Не путайте подбор палитры канала с подбором краски для волос и RAL для стен: по коротким запросам «палитра» и «подбор цвета» поисковик ведёт именно туда. Вам нужны инструменты с HEX и контрастом, не каталог эстели.

Как сочетать цвета на обложках постов

Обложка в канале — это не постер к фильму. На ней одно сообщение: заголовок, иногда число, иногда лицо. Цвет помогает просканировать ряд, а не «передать атмосферу».

  • Один фон на рубрику. Новости — тёмно-синий, разбор — песочный, офер — акцентный. Человек в ленте понимает тип поста до чтения.
  • Текст не на фото. Если нужен снимок, положите под буквы плашку из цвета фона с непрозрачностью 85–100%. Полупрозрачная чёрная дымка часто оставляет контраст ниже 3:1.
  • Акцент — на одно пятно. Цифра «−32%» акцентом, остальное нейтральным. Если акцентом покрашены и цифра, и рамка, и кнопка, и полоска сверху — акцента нет.
  • Кнопки под постом цветом не красятся. Их рисует мессенджер. Цвет призыва живёт на картинке и в формулировке. Какие подписи работают — в разборе кнопок под постами.
Тип каналаБазаАкцент
Клиника, лабораторияТёмный сине-серый + белый текстЧистый голубой, не «медицинский салат»
Магазин едыТёплый тёмно-коричневыйОдин пищевой: томат, шафран, фисташка
Юрист, финансыГрафит + белыйОдин холодный: синий или бирюза
Детский, семьяСветлый фон, тёмный текстОдин яркий, не пять «весёлых»
Новости и СМИЧёрный или #0D001AБелый + один сигнальный на срочное
ОбразованиеИндиго или графитЯнтарный на цифрах и датах

Это стартовые каркасы, не «значения цветов». Розовый не продаёт косметику сам по себе, синий не делает юриста честнее. Если у клиники уже зелёный крест на вывеске — берите его в акцент и проверьте контраст, а не таблицу архетипов.

Светлый фон в тёмной теме MAX выглядит как яркий прямоугольник — это нормально и даже полезно: карточка отделяется от ленты. Плохо, когда светлая карточка несёт светло-серый текст. Для светлых обложек текст держите как минимум цвета #1F2937: на белом это около 14,7:1.

Можно ли брать фирменные цвета MAX

Брендбук MAX открытый: шесть цветов с именами «Синий гигант», «Пурпурная туманность», «Белый свет», «Голубая комета», «Фиолетовый пульсар», «Тёмная материя». Их можно смотреть и цитировать как референс контраста. Класть их на свой канал как «официальное оформление» нельзя: это чужой бренд. Логотип MAX на аватар своего канала не ставят — правила использования знака лежат в том же брендбуке.

Имеет смысл другое: ваш акцент не должен совпадать с системным фиолетом MAX так, чтобы кнопка мессенджера и ваша плашка слились. Если канал про сам MAX как площадку — берите нейтральный графит и свой акцент, не #471AFF.

Градиенты из брендбука («светлый составной», «тёмный составной», линейные) на обложке поста почти всегда убивают мелкий текст: буква попадает на переход, и контраст пляшет от 2:1 до 12:1 внутри одного слова. Градиент оставьте на подложку без букв или на аватар без надписи.

Как палитра связана с названием и первым впечатлением

Цвет не заменяет имя. Человек в поиске MAX видит название и кружок, описание — вторым экраном. Палитра помогает узнать канал в ленте рекомендаций и в пересылке, когда имени уже не читают. Как собрать само имя — в статье как назвать канал, зачем на вас подписываться — в ценностном предложении. Сюда цвет не тащите: «синий канал про учёбу» — слабое отличие.

Первый визуальный тест чужого человека такой: откройте список чатов, закройте названия ладонью, найдите свой кружок. Если нашли — палитра аватара работает. Если нет — упрощайте знак и усиливайте контраст фона, а не добавляйте третий цвет.

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

Частые ошибки

  • Фирменный фиолет мелким текстом на тёмном. #471AFF на #0D001A даёт 2,8:1. Берите белый текст или светлый голубой.
  • Жёлтый заголовок на белой карточке. Гармония по кругу есть, чтения нет.
  • Новый цвет на каждый инфоповод. Через месяц канала нет, есть витрина канцтоваров.
  • Проверка только на компьютере. Контраст-чекер обязателен, телефон — тоже.
  • Текст поверх фото без плашки. Контраст внутри одного слова прыгает.
  • Аватар с градиентом и тонкой надписью. В списке чатов останется пятно.
  • Красный и зелёный как единственный смысл. Подпишите рост и падение словами.
  • Копирование палитры MAX «чтобы быть в теме». Это чужой бренд, плюс системный фиолет сольётся с интерфейсом.

Чек-лист

  • Записаны пять HEX: фон, текст, акцент, нейтральный, опасный — или сознательно короче.
  • Базовый цвет совпадает с аватаром, акцент занимает около 10% обложки.
  • Обычный текст на фоне ≥ 4,5:1, заголовок ≥ 3:1 по WebAIM или Coolors.
  • Те же пары прогнаны на #0D001A и на белом.
  • Обложка открыта в тёмной теме MAX с телефона на вытянутой руке.
  • Аватар узнаётся в списке чатов с закрытым названием.
  • Нет третьего насыщенного цвета «просто так» и нет жёлтого текста на белом.
  • Рост и падение подписаны не только цветом.

Когда палитра легла, следующий шаг — шрифт на тех же картинках: кегль, кириллица и лицензия решают не меньше HEX. Оформление самого текста поста, без картинки, по-прежнему в статье как сделать пост в канале MAX.

Остался вопрос по теме статьи? Напишите его в предложку блога — отвечаю лично: задать вопрос в MAX. Частые вопросы разбираю отдельными статьями и присылаю ссылку тому, кто спросил.

Частые вопросы

Как подобрать цвета для оформления канала?

Зафиксируйте пять HEX с ролями: фон, текст, акцент, нейтральный и редкий «опасный». Базу берите из аватара, акцент — не больше десятой доли обложки. Каждую пару текст–фон прогоните через WebAIM или Coolors: обычный текст не ниже 4,5:1, крупный заголовок не ниже 3:1. Потом откройте картинку в тёмной теме MAX с телефона на вытянутой руке.

Как пользоваться цветовым кругом Иттена?

Круг из 12 оттенков показывает гармонию, а не характер бренда. Для канала достаточно трёх схем: монохром (спокойный ряд), аналоговая (соседи по кругу) и комплементарная (цвет напротив — только на акцент). Триаду на маленькой обложке почти всегда гасите: два цвета нейтральные, один кричит. Гармония не заменяет контраст: жёлтый на белом по кругу «правильный» и слепой.

Какой контраст нужен тексту на обложке?

WCAG 2.1 уровня AA, как считает WebAIM: 4,5:1 для обычного текста и 3,0:1 для крупного — от 18 pt или 14 pt жирным. Усиленный AAA — 7:1 и 4,5:1. Это не требование MAX, а единственная публичная шкала. Серый #777 на тёмном проходит 4,5:1 математически; для мелкой подписи берите светлее.

Почему текст не читается в тёмной теме MAX?

Чаще всего буква стоит на фирменном фиолете или на фото без плашки. Официальный «Синий гигант» #471AFF на «Тёмной материи» #0D001A даёт 2,8:1 — ниже порога даже для крупного заголовка. Белый на том же фоне даёт 20:1. Полупрозрачная дымка на фото оставляет контраст разным внутри одного слова.

Какие сервисы подобрать цветовую палитру?

Adobe Color — гармония и палитра с фото. Coolors — быстрая генерация, заморозка цвета и режим, дружественный к дальтонизму. Paletton — классический круг Иттена. Контраст отдельно проверяйте в WebAIM Contrast Checker. Сервис не знает ленту MAX: итоговую картинку всё равно смотрите в приложении.

Сколько цветов должно быть в палитре канала?

Трёх хватает каналу без витрины: тёмный фон, светлый текст, один акцент. Пять — если есть рубрики, кнопки-картинки и отдельный цвет акций. Больше пяти руками в редакторе не удержать. Новый оттенок на каждый инфоповод не нужен: через месяц вы не вспомните, какой HEX официальный.

Можно ли оформить канал фирменными цветами MAX?

Смотреть и цитировать HEX из брендбука go.max.ru/brandbook можно. Класть их на свой канал как «официальное оформление» и ставить логотип MAX на аватар — нельзя, это чужой бренд. Плюс системный фиолет #471AFF сливается с интерфейсом и плохо читается мелким текстом на тёмном.

Как сочетать цвета на обложках постов в канале?

Один фон на рубрику, текст на плашке, а не на фото, акцент — на одно пятно. Светлая карточка в тёмной ленте нормальна, если текст на ней тёмный, хотя бы #1F2937. Кнопки под постом мессенджер красит сам: цвет призыва живёт на картинке и в формулировке.

Статья помогла?
Николай Шаповалов Николай Шаповалов Основатель Tapbox, делает сервисы для MAX Канал автора в MAX

Читайте дальше