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

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

Генератор цветовой палитры — это бесплатный онлайн-инструмент для создания цветовых схем, предназначенный для дизайнеров и фронтенд-разработчиков, которым нужно построить полную палитру вокруг одного базового цвета. Введите один HEX-цвет, и инструмент мгновенно выведет более светлые тона, более тёмные оттенки, дополнительный цвет, а также аналоговые и триадные гармонии с помощью цветовой математики HSL — каждый образец показан с его HEX-значением и кнопкой копирования в один клик. Используйте его для выбора цветов интерфейса, построения шкалы оттенков и тонов или подбора акцентных цветов под бренд. Это генератор HEX-палитры, создатель шкалы оттенков/тонов и поиск дополнительных цветов в одном инструменте.

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

1. Введите базовый цвет в поле «Базовый цвет (HEX)» в формате #rrggbb или #rgb либо нажмите на большой образец палитры цветов, чтобы выбрать его визуально.
2. Установите «Оттенков на сторону» на 2, 3 или 4, чтобы задать, сколько более светлых тонов и более тёмных оттенков создаётся с каждой стороны от базового цвета.
3. Просмотрите раздел «Оттенки и тона»: более светлые тона отображаются над базовым цветом, а более тёмные оттенки — под ним, каждый с меткой (Lighter N / Base / Darker N) и со своим HEX-значением.
4. Просмотрите раздел «Гармоничные цвета» для дополнительного, аналоговых (+30deg / -30deg) и триадных (+120deg / -120deg) цветов.
5. Нажмите кнопку копирования рядом с любым образцом (или рядом с полем базового цвета), чтобы скопировать это HEX-значение в буфер обмена.

Примеры

#ff0000

#00ffff

#ff0000

#00ff00

Часто задаваемые вопросы

Какие форматы цвета можно вводить?

Базовый цвет вводится как HEX-значение в формате #rrggbb (шесть цифр) или в сокращённой форме #rgb (три цифры). Если значение не является допустимым HEX-цветом, появляется сообщение 'Invalid HEX color' и палитра не создаётся. Все выходные образцы показаны как HEX в формате #rrggbb.

Сколько оттенков и тонов создаётся?

Вы выбираете 2, 3 или 4 оттенка на сторону. Инструмент создаёт указанное количество более светлых тонов (интерполированных в сторону белого) и столько же более тёмных оттенков (интерполированных в сторону чёрного), плюс базовый цвет посередине.

Какие гармоничные цвета включены?

Он выводит дополнительный цвет (оттенок повёрнут на 180deg), два аналоговых цвета (+30deg и -30deg) и два триадных цвета (+120deg и -120deg), все вычисленные путём поворота оттенка базового цвета в HSL.

Можно ли выбрать цвет визуально, а не вводить HEX?

Да. Нажмите на большой образец со встроенной палитрой цветов, чтобы выбрать цвет; поле HEX обновляется автоматически, а палитра мгновенно пересчитывается по мере изменения.

Загружаются ли мои данные о цвете куда-либо?

Нет. Всё выполняется полностью в вашем браузере с помощью локальной цветовой математики — ни одно цветовое значение никогда не отправляется на сервер, поэтому инструмент работает офлайн и сохраняет вашу палитру конфиденциальной.