Цветовые сочетания

Создавайте палитру с сохранением базового цвета и копируйте отдельные HEX-цвета или переменные CSS. Файлы и введенный контент не отправляются и не сохраняются на сервере.

Как использовать

Создавайте палитру с сохранением базового цвета и копируйте отдельные HEX-цвета или переменные CSS.

Поддерживаемые форматы и ограничения

Values / Images → SVG / PNG

Обработка выполняется в этом браузере. Форматы файлов и доступная память могут ограничивать результат.

Первый образец — введённый базовый цвет. Создаётся до 10 цветов.

Цветовые сочетания Руководство

Порядок действий

Выберите базовый цвет или введите 6-значный HEX-код.
Выберите аналогичные, дополнительные, триадные цвета или изменение светлоты и число цветов.
Проверьте образцы и скопируйте отдельный цвет или переменные CSS.

Пример

Ввод/настройки

Базовый #235c47 · Аналогичные · 5 цветов

Результат/проверки

Базовый цвет + 4 сочетающихся цвета