PixoateПипетка цвета и экстрактор палитры — выбирайте цвета с изображения
Загрузите любое фото, кликните, чтобы выбрать цвет пикселя (HEX / RGB / HSL), или автоматически извлеките доминирующую палитру. Скачайте в виде JSON или CSS-переменных.
Перетащите изображение, чтобы извлечь его палитру
PNG, JPG, WEBP, GIF
Закончили с пипеткой цвета? Попробуйте дальше
Тщательно подобранные инструменты, которые отлично сочетаются с выбором цвета. Продолжайте работу, не теряя свой файл.
Просмотр и удаление EXIF
Просматривайте скрытые метаданные EXIF, GPS, IPTC и XMP в любом фото или скачивайте очищенную копию без каких-либо метаданных.
Попробовать сейчасФильтры и эффекты для фото
Преображайте фотографии с помощью более 23 профессиональных эффектов: художественных стилей, винтажных фильтров, современных эффектов и особых преобразований.
Попробовать сейчасНаложение изображений
Накладывайте одно изображение поверх другого с позиционированием перетаскиванием и управлением наложением. Создавайте впечатляющие составные изображения.
Попробовать сейчасДобавить текст на изображение
Добавляйте свой текст на изображения JPG, PNG, SVG, WEBP или GIF. Несколько текстовых полей, настраиваемые шрифты, цвета и расположение.
Попробовать сейчасГенератор фавиконов
Сгенерируйте все размеры favicon (16, 32, 48, Apple 180, Android 192 и 512) плюс site.webmanifest из одного изображения. Скачайте в виде ZIP.
Попробовать сейчасИзображение в стикер
Превратите любое фото в стикер в стиле печатной наклейки с ИИ-удалением фона и настраиваемым белым контуром. Идеально для WhatsApp, Telegram, iMessage.
Попробовать сейчасFrequently Asked Questions
Загрузите любой JPG, PNG, WebP или GIF и кликните в любом месте показанного изображения — точный пиксель под курсором считывается и отображается в форматах HEX, RGB и HSL с копированием каждого в один клик. Идеально для подбора фирменного цвета, взятия образца с фотографии или захвата акцентных оттенков с дизайн-макета.
usageИзображение уменьшается до 320 пикселей по длинной стороне, затем каждый пиксель распределяется по группам по старшим 4 битам каждого канала. Наиболее заполненные группы усредняются обратно до полного 8-битного цвета, сортируются по частоте и возвращаются в виде вашей палитры. Результат — обычно от 5 до 24 доминирующих цветов, визуально передающих суть изображения.
technicalДа. Кнопки скачивания создают два формата: блок CSS-переменных, готовый к вставке в селектор :root (--color-1, --color-2…), и файл JSON с hex, компонентами RGB и процентной долей для каждого цвета. Оба формата без проблем встраиваются в дизайн-токены, конфиги Tailwind и библиотеки палитр.
featuresНет — выбор цвета и извлечение палитры происходят полностью в вашем браузере с помощью HTML canvas API. Изображение остаётся на вашем устройстве, что делает инструмент безопасным для невыпущенных фото товаров, черновых макетов и брендовых материалов под NDA.
privacyДля работы над фирменным стилем оптимальны 5–8 цветов — этого достаточно, чтобы передать основную тему, не размывая акцентные оттенки. Для визуализации данных мы рекомендуем 10–16 цветов, чтобы хватало категориальных оттенков. Ползунок позволяет выбрать значение от 5 до 24.
tipsПиксели с альфа-каналом ниже 128 игнорируются, поэтому прозрачные фоны не засоряют палитру «фоновыми» цветами. Это делает пипетку цвета особенно удобной для вырезанных товаров, стикеров и изолированных объектов.
technicalHEX (#RRGGBB) — самый компактный формат, который по умолчанию используют CSS, Figma и Sketch. RGB показывает три значения компонентов от 0 до 255 — удобно при программной работе с данными изображения. HSL (тон, насыщенность, светлота) интуитивно понятен для настройки цветов: сдвиньте тон, чтобы сменить цветовую гамму, измените светлоту для оттенков и затемнений.
technicalДа. Бесплатно, без регистрации, без ограничений на размер изображения или количество извлекаемых палитр. Ничего устанавливать не нужно — весь инструмент умещается на одной веб-странице.
pricingHow Color Picker helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
Аудит фирменного стиля
Извлекайте точные HEX-значения из готового логотипа или маркетингового материала для вашего руководства по стилю. Подбирайте фирменные цвета конкурентов для презентации позиционирования или питча.
Создание палитр для веб-дизайна
Извлекайте доминирующие цвета из фотографии или мудборда, экспортируйте их как CSS-переменные и добавляйте в таблицу стилей. Оптимальные 5–8 цветов охватывают основной, акцентный и нейтральные оттенки — готовая основа для дизайн-системы.
Карточки товаров для электронной коммерции
Подберите цвет фона фото товара под оформление вашего магазина. Возьмите доминирующий акцентный цвет с фото кроссовок или платья и используйте его как выделение в карточке товара.
Идеи для интерьера и моды
Сфотографируйте понравившуюся комнату или наряд и извлеките палитру. Используйте её, чтобы подобрать краску, ткани или аксессуары, гармонирующие с существующей гаммой, — превращая визуальное вдохновение в готовые образцы цвета.
Схемы визуализации данных
Сгенерируйте категориальную палитру из 10–16 цветов на основе изображения с нужным настроением (например, акварельную картину для мягкого графика или закат для тёплых-к-холодным градиентов). Лучше, чем подбирать стандартные оттенки.
Работа с игровыми и UI-ассетами
Извлекайте индексированную палитру цветов из спрайтов или макетов интерфейса для передачи в пиксель-арт редактор или игровой движок. Экспорт палитры в JSON интегрируется с Aseprite, Photoshop и большинством конвейеров ресурсов.