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

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

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

Нажмите на любой цвет, чтобы скопировать его hex-код.

О гармонии цвета

Почему важна гармония

Гармоничные палитры кажутся осмысленными и сбалансированными. Теория цвета даёт повторяемые рецепты — например, равномерное размещение оттенков по цветовому кругу, — чтобы ваши дизайны выглядели цельно без угадывания.

Как пользоваться этим инструментом

Выберите базовый цвет и схему, затем скопируйте hex-коды в CSS, дизайнерские инструменты или код. Кнопка «Удиви меня» берёт из курируемых научных палитр (ColorBrewer), используемых в визуализации данных.

Цветовая математика от chroma.js, библиотеки с открытым исходным кодом под лицензией BSD.

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

Что такое дополнительная схема?
Она сочетает ваш базовый цвет с оттенком, расположенным прямо напротив на цветовом круге, создавая сильный контраст.
Где можно использовать hex-коды?
Вставьте их в CSS, SVG, дизайнерское ПО или любой инструмент, принимающий hex-цвета.
Безопасны ли пресеты для людей с нарушениями цветового зрения?
Многие пресеты ColorBrewer спроектированы с учётом доступности, но всегда проверяйте контраст для критического использования.