Настройте акцентный цвет, фон и поверхность — макет блога перекрасится мгновенно. Найдите палитру, которая подчёркивает контент.
🔒 Всё работает в браузере — данные никуда не отправляются
Цвет акцента в блоге формирует «голос» издания. Синий (#0ea5e9, #3b82f6) — нейтральный, информационный, вызывает доверие. Его используют большинство новостных сайтов. Зелёный ассоциируется с природой, здоровьем, финансами. Фиолетовый — с творчеством и премиальностью.
Для текстового контента важнее всего читаемость: тёмный текст (#1e293b) на белом или очень светлом фоне (#fafafa) — классика, которая работает всегда.
Если ваш блог планирует поддерживать тёмную тему (dark mode), подбирайте акцентный цвет с учётом обоих фонов. Чистый белый (#ffffff) как акцент плохо читается на светлом фоне — используйте насыщенный оттенок с яркостью 50–70% в HSL.
Хороший приём: задайте светлую палитру в нашем конвертере, скопируйте значения HSL, затем увеличьте яркость на 15–20% для тёмной темы — получится гармоничная пара.
Минимально: 1 акцентный цвет (для ссылок, тегов, кнопок) + 2 нейтральных (фон страницы и фон карточек) + 2 текстовых (основной и приглушённый). Итого 5 значений — этого достаточно для полноценного дизайна.
Классический синий (#2563eb) узнаваем и ожидаем пользователями. Если хотите отойти от него — используйте акцентный цвет сайта, но убедитесь что он отличается от цвета обычного текста минимум на 3:1 по контрасту.
Используйте акцентный цвет с низкой непрозрачностью как фон тега и насыщенный вариант того же цвета как текст. Например: фон rgba(14,165,233,0.12), текст #0ea5e9. Это создаёт мягкий, приятный акцент без агрессии.
