Генератор цветовой палитры
Инструмент подбирает гармоничную палитру цветов для сайта, презентации или дизайна. Согласованные цвета делают интерфейс приятным и профессиональным, тогда как случайный набор смотрится хаотично.
Постройте палитру светлых и тёмных оттенков из одного цвета.
Инструмент подбирает гармоничную палитру цветов для сайта, презентации или дизайна. Согласованные цвета делают интерфейс приятным и профессиональным, тогда как случайный набор смотрится хаотично.
Выберите базовый цвят — инструмент построит сочетающиеся оттенки. Обычно берут один основной цвет, один акцентный и нейтральные для фона и текста. Готовые значения (hex) копируются прямо в CSS или макет.
Обычно достаточно основного, акцентного и пары нейтральных. Избыток цветов усложняет дизайн.
Опирайтесь на цветовой круг: соседние оттенки дают спокойные сочетания, противоположные — контрастные акценты. Инструмент подбирает их за вас.
Палитра задаёт цвета, а контраст текста к фону проверяйте отдельно инструментом «Проверка контраста» для соответствия WCAG.
Линейные градиенты с предпросмотром.
CSS-тени с живым предпросмотром.
Скругление углов с предпросмотром.
Контраст цветов по стандарту WCAG.
Иконки сайта всех размеров из картинки.
Раскладка flex с предпросмотром.