На главную
Цвет
Палитра на живом макете
Пять ролей цвета сразу на макете сайта, а не на цветных квадратиках: шапка, карточки, кнопки, текст. Рядом — проверка контраста каждой пары.
Роли
Готовые наборы
Макет
Название сервисаВозможностиЦеныНачать
Заголовок первого экрана
Абзац пояснения под заголовком: столько текста обычно и бывает на первом экране.
Основное действиеВторое действие
Быстро
Короткое описание пункта в две строки.
Понятно
Короткое описание пункта в две строки.
Без лишнего
Короткое описание пункта в две строки.
© 2026 · Подвал сайта
Контраст
- Текст на фоне страницы17.06 · ок
- Текст на карточке17.85 · ок
- Подпись на основной кнопке6.29 · ок
- Подпись на акцентной кнопке5.95 · ок
- Основной цвет на фоне страницы6.01 · ок
- Граница карточки на фоне1.05 · нужно 1.2
Переменные CSS
:root {
--color-background: #f8fafc;
--color-surface: #ffffff;
--color-primary: #4f46e5;
--color-accent: #ec4899;
--color-text: #0f172a;
--color-on-primary: #ffffff;
--color-on-accent: #000000;
}