Генератор цветовых палитр
Выберите основной цвет и схему, чтобы создать палитру из двух или трёх цветов. Используйте дополнительные, аналогичные, триадные или раздельно-дополнительные оттенки, затем скопируйте отдельные коды HEX или сохраните список как текст.
Возможности
Создание палитры по одной из четырёх схем
Выберите дополнительные, аналогичные, триадные или раздельно-дополнительные оттенки, сохранив насыщенность и светлоту основного цвета.
Получение кода каждого цвета
Просмотрите образцы и коды HEX, скопируйте отдельный код или сохраните список в порядке отображения в palette.txt.
Использование варианта как нового основного цвета
Выберите для варианта «Использовать как основной», затем создайте новую палитру.
Как пользоваться
Введите основной цвет
Выберите HEX, RGB, HSL, HSV или CMYK и введите значения либо воспользуйтесь палитрой цветов.
Выберите схему
Дополнительная схема создаёт два цвета. Аналогичная, триадная и раздельно-дополнительная схемы создают три.
Создайте палитру
Выберите «Создать палитру», чтобы просмотреть образцы и коды HEX. При изменении схемы после генерации палитра обновляется на основе подтверждённого основного цвета.
Получите коды
Скопируйте отдельные коды, все сразу или сохраните TXT. После изменения основного цвета создайте палитру заново.
Когда пригодится
Подбор акцентных цветов
Используйте основной цвет страницы или дизайна, чтобы сравнить сочетания оттенков.
Сохранение кодов палитры в заметках
Скопируйте или сохраните список HEX в порядке отображения для использования в программе дизайна.
Цветовые схемы и ограничения вывода
Четыре соотношения оттенков
Дополнительный цвет использует оттенок на 180 градусов от основного. Аналогичная схема — оттенки на 30 градусов в обе стороны, триадная — интервалы по 120 градусов, раздельно-дополнительная — смещения на 150 и 210 градусов. В аналогичной схеме основной цвет расположен посередине.
Насыщенность и светлота остаются неизменными
Палитра меняет оттенок в HSL, сохраняя насыщенность и светлоту. Результаты округляются до 8-битного RGB и отображаются как HEX. Для ахроматических цветов HEX может повторяться; число и порядок цветов сохраняются.
Отдельно проверьте читаемость
Палитры по оттенкам не гарантируют контрастность или читаемость текста. Для каждой пары текста и фона воспользуйтесь проверкой контрастности.
Вопросы и ответы
Почему один и тот же цвет может появляться несколько раз?
При изменении оттенка для ахроматических цветов могут получиться одинаковые значения HEX. Результаты не корректируются и не удаляются как дубликаты; число и порядок цветов схемы сохраняются.
Меняется ли основной цвет при копировании?
Копирование не меняет основной цвет. «Использовать как основной» переключает ввод на HEX и очищает предыдущую палитру. Выберите «Создать палитру», чтобы сгенерировать её снова.
Можно ли сохранить переменные CSS или изображение?
Доступно только копирование кодов HEX и сохранение palette.txt. Переменные CSS и экспорт изображений не предоставляются.
Ввод и вывод
- Ввод
- Основной цвет в формате HEX, RGB, HSL, HSV или CMYK либо выбранный цвет. Альфа-канал не поддерживается.
- Схема
- Дополнительная, аналогичная, триадная или раздельно-дополнительная.
- Вывод
- Два или три кода HEX. Скопируйте их или сохраните в palette.txt по одному в строке в порядке отображения.