ToolBox ProБлогEnglish

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

Генерируйте красивые цветовые палитры из любого базового цвета. Комплементарные, аналоговые, триадные, расщеплённо-комплементарные, оттенки и тона. Бесплатно.

Всё работает в вашем браузере — данные не отправляются на сервер.

Зачем использовать генератор цветовых палитр?

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

Ключевые возможности

  • Шесть типов гармоний: комплементарная, аналоговая, триадная, расщеплённо-комплементарная, оттенки, тона
  • Нажмите на образец, чтобы скопировать его HEX-значение
  • Визуальный предпросмотр базового цвета с живым выбором

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

  1. Выберите базовый цвет с помощью ввода или палитры
  2. Просмотрите все сгенерированные палитры ниже
  3. Нажмите на образец цвета, чтобы скопировать его HEX-код

Технические детали

Цветовые гармонии генерируются с использованием преобразований цветового пространства HSL. Комплементарные цвета расположены на 180° на цветовом круге. Аналоговые — в пределах 30° от базы. Триадные — на 120°. Оттенки уменьшают яркость, тона увеличивают. Все вычисления происходят в браузере.

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

В чём разница между оттенками и тонами?

Оттенки создаются добавлением чёрного (уменьшение яркости), а тона — добавлением белого (увеличение яркости) к базовому цвету.

Можно ли использовать эти палитры в коммерческих проектах?

Конечно! Сгенерированные палитры бесплатны для использования в любых проектах, личных или коммерческих.

Похожие инструменты

Выбор цвета и конвертер

Выбирайте цвета и конвертируйте между форматами HEX, RGB, HSL и HSV

Конвертер HEX в RGB

Конвертируйте HEX-коды цветов в значения RGB и RGBA

Конвертер RGB в HEX

Конвертируйте значения RGB в HEX-коды

Проверка контрастности WCAG

Проверяйте коэффициенты контрастности цветов на соответствие WCAG AA и AAA

Генератор хеш-цвета

Генерируйте согласованные, детерминированные цвета из любой текстовой строки

Генератор CSS-градиентов

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

← На главную