Палитра цветов

Подберите гармоничную палитру от одного базового цвета: 4 схемы гармонии - комплементарная, аналоговая, триада и оттенки, HEX в клик.

Как собрать палитру цветов

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

Инструмент подбирает сочетающиеся цвета для сайта, приложения, презентации или иллюстрации. Палитра строится автоматически от одного базового оттенка по правилам цветового круга.

Выберите базовый цвет и режим - образцы пересчитаются мгновенно, а HEX каждого копируется в один клик.

Какие схемы доступны

СхемаКак строитсяКогда подходит
КомплементарнаяБазовый цвет и противоположный на кругеАкценты, кнопки, контраст
АналоговаяСоседние оттенки в пределах 30 градусовСпокойные фоны и градиенты
ТриадаТри цвета через 120 градусовЖивые, но сбалансированные схемы
ОттенкиОдин тон разной светлотыМонохромный дизайн, состояния элементов

Как собрать палитру от базового цвета

  1. Выберите базовый цвет

    Кликните по полю цвета и задайте оттенок в системной палитре.

  2. Выберите тип гармонии

    Переключите режим: Комплементарная, Аналоговая, Триада или Оттенки - образцы пересчитаются сразу.

  3. Скопируйте нужные цвета

    Нажмите кнопку копирования на образце, чтобы забрать его HEX в дизайн или CSS.

Вопросы и ответы

От базового оттенка по правилам цветового круга: комплементарная берет противоположный тон, аналоговая - соседние, триада - три равноудаленных, оттенки - один тон разной светлоты

Комплементарная дает контраст из двух противоположных цветов, аналоговая - мягкое сочетание близких оттенков

У каждого образца есть кнопка копирования - она кладет HEX в буфер обмена

Зависит от схемы: комплементарная - 2 цвета, триада - 3, аналоговая и оттенки - по 5-6