Как выбрать цвета для сайта
Интерфейсу обычно нужны только основной цвет бренда, акцентный цвет для действий (кнопки, ссылки) и шкала серых для фона, рамок и текста. Будь последовательным: всегда используй одни и те же HEX-коды и применяй их через CSS-переменные.
Скопируй палитру как CSS
На каждой карточке есть кнопка, которая копирует CSS всех пяти цветов. Вставь его в свой файл стилей и переименуй переменные под свой проект. Отдельный цвет можно скопировать, просто нажав на него.
Контраст и доступность
Перед публикацией убедись, что текст хорошо читается на своём фоне. С помощью инструмента проверка контраста проверь, соответствуешь ли ты уровню WCAG AA или AAA. Это важно и для доступности, и для SEO.
Хочешь создать свою палитру с нуля? Попробуй генератор цветовых палитр, получи палитру из изображения или проверь контраст цветов.