Цвет — то, что считывается раньше логотипа и текста. Верно подобранная палитра делает сайт и фирменный стиль дороже, неверная — дешевит даже хорошую идею. Подбирать «на глаз» рискованно, поэтому держите 7 сервисов, которые помогают собрать сочетание, проверить его и сразу примерить на макет.
Собрать палитру
- Coolors — жмёте пробел и получаете готовую палитру. Понравившийся цвет фиксируете, остальные крутите вокруг него.
- Adobe Color — цветовой круг с правилами гармонии и возможностью вытащить палитру прямо из фотографии.
- Color Hunt — библиотека готовых палитр от дизайнеров, удобно листать за вдохновением.
Подобрать умом (AI)
- Khroma — учится на цветах, которые вы отметили, и предлагает сочетания уже под ваш вкус.
- Huemint — генерирует палитры под контекст: бренд, сайт, иллюстрация — с разной ролью цветов.
Примерить и проверить
- Realtime Colors — сразу показывает палитру на живом макете сайта, а не на абстрактных квадратиках.
- WebAIM Contrast Checker — проверяет контраст текста и фона, чтобы сайт был читаемым и доступным.
Пара правил, которые спасают палитру. Держите баланс: один-два основных цвета, нейтральный фон и один яркий акцент — а не пять равноправных «любимых». И обязательно проверяйте контраст: красивое сочетание, на котором не читается текст, в работу не годится.
В проектах мы собираем не просто «набор цветов», а цветовую систему с правилами — где основной, где акцент, что на кнопках, что в фоне. Это часть разработки фирменного стиля.
12 августа 2026, 22:05
