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

Как подобрать цвета для сторис по фото, оформить фон, текст и стикеры в одной палитре, какие размеры использовать и как сделать PNG-карточку 1080×1920.

Соцсети и бренд · · 2 мин чтения

Чтобы сторис выглядели единым стилем, возьмите цвета прямо из фото: загрузите снимок в генератор палитры, выберите 3–4 цвета из результата и используйте их для фона, текста и стикеров. Размер сторис — 1080×1920 пикселей (9:16); генератор умеет сразу скачать готовую PNG-карточку этого формата с фото и палитрой.

Почему цвета из фото работают

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

Схема оформления

Элемент Какой цвет взять Пример (фото заката)
Фон / плашка Самый тёмный или самый светлый цвет палитры #1E1A1D
Заголовок Самый светлый цвет, если фон тёмный #FEE0A4
Акцент: стрелка, стикер, ссылка Самый насыщенный цвет #FA9B59
Второстепенный текст Приглушённый средний #867569

Пошагово

  1. Выберите главное фото сторис и загрузите его в генератор.
  2. Скопируйте 3–4 HEX-кода кликом по цветам.
  3. В редакторе сторис или в Canva введите HEX в палитру текста и фона.
  4. Для серии сторис используйте одни и те же цвета — так подписчики узнают вашу рубрику.

Готовая карточка с палитрой

Хотите поделиться самой палитрой? В блоке «Экспорт PNG» выберите шаблон «Сторис 9:16» — получится вертикальная картинка: фото на весь экран и столбик цветов с HEX-кодами внизу. Можно добавить заголовок и отключить водяной знак.

Безопасные зоны

Верхние ~250 px и нижние ~340 px экрана сторис частично закрывают аватар, кнопки и поле ответа. Держите важный текст и палитру в центральной части кадра.

Идеи рубрик

  • «Цвет дня» — одно фото и его палитра.
  • «Угадай место по цветам» — сначала палитра, в следующей сторис — фото.
  • «Палитра образа» — цвета одежды из фото.
  • «До/после обработки» — две палитры одного кадра.

Как сделать целую ленту в одном стиле — в статье лента в одном стиле.

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

Какой размер у сторис?

1080×1920 пикселей, соотношение сторон 9:16.

Сколько цветов использовать в одной сторис?

Обычно 2–3: фон, текст и акцент. Больше — и сторис выглядит перегруженной.

Можно ли сделать карточку палитры бесплатно?

Да, экспорт PNG в генераторе бесплатный, водяной знак при желании отключается.

Проявите палитру своего фото

Бесплатный генератор: 5–8 цветов с HEX, RGB и HSL, CSS-градиент и PNG-карточка за пару секунд.

Получить палитру