Инструменты › Палитра цветов из фото

Извлеки палитру цветов из любого фото

Загрузи любое изображение и мгновенно извлеки самые доминирующие цвета в виде готовой палитры с HEX-кодами. Выбери от 4 до 8 цветов. Всё работает прямо в браузере — изображение никуда не отправляется.

Перетащи изображение сюда
JPG, PNG, WEBP — до 10 МБ
Количество цветов:
Извлечённая палитра

Загрузи фото чтобы получить палитру

Как работает извлечение

Инструмент считывает пиксели изображения и объединяет похожие оттенки, а затем выбирает самые заметные цвета — яркие акценты получают дополнительный вес, чтобы не потеряться на фоне больших однотонных областей. Результат — палитра из чётко различимых, хорошо распределённых цветов.

Где это применяется

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

Экспорт в любом формате

Скопируй всю палитру как CSS custom properties для кода, как JSON-объект для дизайн-инструментов, или копируй отдельные HEX-коды одним кликом.

FAQ
Сколько цветов можно извлечь?
Можно выбрать от 4 до 8 цветов с помощью кнопок над изображением — палитра обновляется мгновенно.
Результат всегда одинаковый для одного изображения?
Да. Алгоритм детерминированный — одно и то же изображение всегда даёт одну и ту же палитру.
Почему некоторые цвета похожи друг на друга?
Инструмент находит наиболее представительные кластеры цветов. Если на фото преобладают тёплые тона, палитра это отразит. Попробуй извлечь меньше цветов для большего контраста.
Моё изображение отправляется на сервер?
Нет. Всё происходит прямо в браузере через Canvas API. Изображение никуда не отправляется.

Другие инструменты

Цвет по фотоЗагрузи фото и кликни в любую точку — получи HEX, RGB, HSL и название Палитра для проектаПодбери N цветов с гарантированной читаемостью текста Сочетания цветовКомплементарные, аналоговые, триадные и сплит-комплементарные Вариации цветаСветлее, темнее, насыщеннее, бледнее, теплее, холоднее Генератор градиентовСоздавай красивые градиенты и копируй готовый CSS-код Контраст WCAGПроверка доступности AA и AAA — бесплатно Симулятор дальтонизмаКак цвета видят люди с протанопией, дейтеранопией и другими типами Tailwind-конвертерБлижайший Tailwind-класс для любого HEX-цвета Конвертер цветовHEX ↔ RGB ↔ HSL ↔ CMYK мгновенно, с копированием кода Цвет по названиюНайди HEX по названию — «терракота», «индиго», «лазурный» CSS Filter для SVGПерекрась SVG-иконки в любой цвет через CSS без редактора Палитры цветовГотовые палитры по темам — клик по цвету копирует HEX