Палитра

клик по свотчу — цвет · × — удалить · + — добавить · ⊕ — средний
Текущая схема
Выберите схему кликом по миниатюре справа. Базовый цвет и число цветов — здесь; превью обновится автоматически.
Базовый цвет #8B5E34
Цветов 5
изменить
сохранить
Все схемы для этого цвета
Клик по схеме выбирает её для левой колонки.
Градиент
Добавляйте стопы, двигайте их по шкале, меняйте цвет и позицию. Переход строится между стопами через выбранную модель.
Тип перехода
Стопов в превью 8
Превью
изменить
сохранить
Готовые градиенты и схемы
Клик по палитре заменяет стопы градиента. Группы: Sequential · Diverging · Qualitative.
Цвета из фото
Клик по чипу копирует HEX. Пипетка добавляет цвета сюда же. Большая палитра ниже — рабочий набор; инструменты под ней работают с ним же.
изменить
сохранить
Фотография
Загрузите фото, затем выделите участок — анализ пойдёт только по нему. Выделение можно двигать и растягивать. Пипетка берёт цвет конкретного пикселя.
Цветов: 6
Палитра
изменить
сохранить
Готовые палитры
Клик по палитре заменяет текущую. Группы: Sequential · Diverging · Qualitative.

Импорт

Вставьте список цветов: HEX по одному в строке, через запятую/пробел или JSON-массив. Цвета получат порядковые номера.

Смешать два соседних свотча

Выберите пару и долю смешивания — новый цвет встанет между ними. Смешивание идёт в LCH.

Пара:
—
—
t = 0.50 —

Проверка контраста (WCAG)

Отношение контраста: (L1 + 0.05) / (L2 + 0.05). Для обычного текста: AA ≥ 4.5, AAA ≥ 7. Для крупного текста: AA ≥ 3, AAA ≥ 4.5.