Извлечь палитру цветов из изображения

Превратите любое фото, логотип или иллюстрацию в палитру из её основных цветов. Выберите нужное количество цветов - от 5 до 10 - и копируйте каждый HEX-код одним нажатием. Палитра вычисляется на вашем устройстве, поэтому изображение никуда не загружается.

Перетащите, нажмите для выбора или вставьте

JPG, PNG, WebP, AVIF, HEIC, GIF, SVG

Работает в браузере. Ваши файлы никогда не загружаются.

Как это работает

1️⃣

Добавьте изображение

Перетащите, вставьте или выберите фото, скриншот или логотип. Оно открывается на вашем устройстве и никуда не загружается.

2️⃣

Выберите цвет или изучите палитру

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

3️⃣

Скопируйте значения

Скопируйте цвет в HEX, RGB или HSL одним нажатием или нажмите на образец палитры, чтобы скопировать его HEX-код.

Почему WrapPix?

🔒

100% конфиденциально

Файлы обрабатываются на вашем устройстве и никогда не загружаются на сервер.

🆓

Бесплатно, без регистрации

Без аккаунта, без ограничений и без водяных знаков на результатах.

⚡

Быстро и офлайн

Работает с нативной скоростью в браузере и продолжает работать после загрузки страницы.

✨

Полное качество

Настройки выбираете вы - ничего не уменьшается и не пережимается тайком.

Частые вопросы

Как создаётся палитра цветов?

Изображение уменьшается, а его цвета группируются алгоритмом медианного сечения (median cut), который многократно делит цветовой диапазон на блоки похожих цветов. Каждый образец - это средний цвет одного блока.

Сколько цветов можно извлечь?

От 5 до 10. Небольшая палитра даёт главные, «фирменные» цвета, а большая сохраняет больше тонких оттенков.

Что означают проценты на образцах?

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

Можно ли использовать палитру для сайта или фирменного стиля?

Да. Нажмите на образец, чтобы скопировать его HEX-код, и вставьте его в CSS, Figma или любой графический редактор. Перед использованием проверьте контрастность сочетаний текста и фона.