Доступны ли цвета?

Палитра не гарантирует читаемый текст. Проверьте пары текста и фона на контрастность, показанную в генераторе кнопок CSS .

Генератор цветовой палитры – гармоничные цветовые схемы

Генератор цветовой палитры

Выберите базовый цвет и гармонию, чтобы получить палитру. Щелкните образец, чтобы скопировать его шестнадцатеричный код.

Запускается в вашем браузере

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

Как использовать генератор цветовой палитры

Выберите базовый цвет или создайте случайный.
Выбирайте гармонию.
Щелкните образцы, чтобы скопировать их, или скопируйте всю палитру.

Цветовые гармонии

Аналогичный: соседи по цветовому кругу; спокойный и сплоченный.
Дополнительный: противоположности; высокий контраст для акцентов.
Триадический: три равномерно расположенных цвета; живой, но уравновешенный.
Оттенки и оттенки: один оттенок от очень светлого до очень темного, идеально подходит для систем проектирования пользовательского интерфейса.

Примеры

#4f46e5, аналог

От синего до фиолетового

#4f46e5, оттенки и оттенки

--color-50 … --color-900