Цвета для оформления канала: как подобрать палитру
Пять HEX с ролями, цветовой круг и проверка контраста в тёмной теме MAX. Фирменный фиолет #471AFF на #0D001A для мелкого текста не проходит.
В этой статье
Коротко. Палитра канала — это пять цветов с ролями: фон, текст, акцент, нейтральный и «опасный». Их проверяют не на большом мониторе, а на телефоне в тёмной теме MAX: обычный текст должен давать контраст не ниже 4,5:1, крупный заголовок — не ниже 3:1. Фирменный фиолетовый MAX на тёмном фоне для мелкого текста не проходит — это уже посчитано по официальным HEX из брендбука.
Канал в мессенджере видят в кружке 40 пикселей в списке чатов и на картинке шириной с ладонь в ленте. Цвет, который красив в презентации на 27 дюймах, там превращается в пятно или в кашу. Ниже — как собрать палитру под эту реальность, как пользоваться цветовым кругом, чем проверить контраст и какие сервисы не выдумывают оттенки за вас. Как сделать сам знак — в инструкции про логотип. Что из моды 2027 года вообще читается на маленьком экране — в подборке трендов дизайна в соцсетях. Здесь только цвет и контраст.
Что такое цветовая палитра канала
Цветовая палитра канала — это короткий набор оттенков, которые повторяются в аватаре, обложках постов, кнопках и любых картинках, которые вы кладёте в ленту. Это не «любимый цвет» и не палитра Pantone года: у каждого цвета есть работа.
| Роль | Доля | Где в канале |
|---|---|---|
| Фон | около 60% | Подложка обложки, плашки, подложки карусели |
| Текст | — | Заголовок и подпись на картинке, не цвет поста в MAX |
| Акцент | около 10% | Цифра, кнопка, стрелка, бейдж «новое» |
| Нейтральный | около 30% | Второй фон, рамки, иконки без смысла «купить» |
| Опасный | точечно | Скидка до даты, ошибка, стоп-слово в правилах |
Текст поста в MAX красится штатными средствами скупо: жирный, ссылка, цитата. Цвет живёт в картинке. Поэтому палитра канала — это в первую очередь палитра обложек, а не палитра абзацев. Как устроены жирный, ссылки и абзацы без картинки — в статье как оформить пост в MAX.
Правило 60–30–10 пришло из интерьеров, но в ленте оно спасает от радуги: один фон, один спокойный сосед, один кричащий акцент. Пятый «опасный» цвет не входит в эти доли — его видно раз в неделю, иначе он перестаёт означать срочность.
Порядок без трендов и «значения цвета»: сначала роль 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 на #0D001A | 20,4:1 | Проходит с запасом |
| «Синий гигант» #471AFF на #0D001A | 2,8:1 | Не проходит даже как крупный текст |
| «Пурпурная туманность» #9500FF на #0D001A | 3,6:1 | Только крупный заголовок |
| «Голубая комета» #00BFFF на #0D001A | 9,6:1 | Проходит |
| «Голубая комета» #00BFFF на белом | 2,1:1 | Не проходит |
| Серый #777777 на #0D001A | 4,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.
На телефоне
- Соберите обложку в том размере, в котором она уйдёт в канал, не в макете 4000 пикселей.
- Отправьте себе в «Избранное» или в тестовый канал.
- Включите тёмную тему MAX, яркость экрана — как днём в комнате, не на максимуме.
- Отойдите на вытянутую руку: заголовок должен читаться без увеличения.
- Переключите телефон в светлую тему и повторите: серый текст на светло-сером фоне проваливается так же часто, как цветной на тёмном.
На компьютере
- Вставьте HEX текста и фона в WebAIM Contrast Checker или в контраст-чекер Coolors.
- Прогоните ту же пару на #0D001A и на #FFFFFF.
- Уменьшите превью до ширины 360 пикселей — это ширина ленты на большинстве телефонов.
- Проверка на 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. Кнопки под постом мессенджер красит сам: цвет призыва живёт на картинке и в формулировке.
Читайте дальше
-
Шрифты для картинок к постам: пары, кегль и лицензия
Два шрифта с кириллицей и OFL, кегль 72–96 на холсте 1080 и десять проверенных пар. Lemon Milk с DaFont для…
-
Тренды дизайна 2027 в соцсетях: что брать в оформление канала
Какие тренды графики 2027 читаются в ленте MAX. Pantone 2027 не объявлен. Y2K, стекло и радуга на кружке 40 пикселей…
-
Продвижение во ВКонтакте в 2026: форматы, шопсы и сервисы
ВК в 2026 — сообщество, клипы и шопсы рядом с каналом MAX. Пост пишут один раз и зеркалят. Обратного переноса нет.