Насколько точен этот инструмент выбора цвета изображения?

Инструмент считывает необработанные данные пикселей в полном разрешении. Для точности до одного пикселя используйте клавиши со стрелками для перемещения по одному пикселю за раз (удерживайте Shift в течение десяти) и нажмите Enter, чтобы выбрать.

Какие форматы изображений поддерживают палитру цветов?

Любой формат, который может отображать ваш браузер: JPG, PNG, WebP, GIF, AVIF, BMP, HEIC и SVG — все они работают в этой палитре цветов изображения, если ваш браузер их поддерживает.

Бесплатно · Только для браузера · Без загрузки

Выбор цвета изображения ШЕСТИГР. · RGB · HSL · CMYK

Q: Могу ли я извлечь цветовую палитру из фотографии?

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

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

Пиксельная выборкаПредварительный просмотр с помощью лупыНет загрузки на серверИзвлечение палитры

Выбор цвета изображения — добавьте фотографию ниже

Загрузите или вставьте свое изображение

Перетащите сюда файл, выберите изображение или вставьте скриншот с помощью Ctrl+V / Cmd+V.

Совет: скопируйте изображение, затем нажмите Ctrl+V или Cmd+V в любом месте этой страницы.

Цветовой код

Цвет не выбран

Загрузите изображение, затем щелкните пиксель

Недавние выборы

Здесь появятся ваши последние выбранные цвета.

Бесплатная онлайн-подборка цветов изображений для HEX, RGB, HSL и CMYK.

Средство выбора цвета изображения помогает дизайнерам, разработчикам и маркетологам получать точные значения цвета из любой фотографии без установки программного обеспечения для настольных компьютеров. Этот бесплатный инструмент выбора цвета изображения работает полностью в вашем браузере: загрузите снимок экрана, фирменный актив или эталонную фотографию, затем щелкните любой пиксель, чтобы мгновенно скопировать коды HEX, RGB, HSL или CMYK. В отличие от серверных пипеток, ваши файлы никогда не покидают ваше устройство — идеальное решение для конфиденциальных макетов, результатов работы клиентов и быстрого отбора образцов для мудборда. Если вам нужен синий логотип из снимка веб-сайта, тон ткани из снимка продукта или градиентные остановки из скриншота пользовательского интерфейса, один сеанс выбора цвета изображения дает вам точные значения по пикселям плюс автоматическую палитру из шести цветов, извлеченную из того же файла.

How to use

Загрузите изображение в палитру цветов.

Перетаскивайте, просматривайте файлы, вставляйте из буфера обмена или попробуйте образец изображения в инструменте выше. Средство выбора цвета изображения считывает файл в памяти — этап загрузки в облако отсутствует. JPG, PNG, WebP, GIF, AVIF и HEIC поддерживаются, если ваш браузер может их декодировать.

Наведите курсор и нажмите, чтобы выбрать цвет

Наведите курсор на фотографию, чтобы увидеть увеличенную пиксельную сетку. Щелкните нужный пиксель, и палитра цветов изображения зафиксирует значения HEX, RGB, HSL и CMYK на панели. Используйте клавиши со стрелками для точности до одного пикселя, затем нажмите Enter для подтверждения.

Скопируйте код цвета

Каждый формат имеет кнопку копирования одним нажатием — вставьте в CSS, Figma, Canva или распечатайте спецификации. Последние выбранные цвета остаются на боковой панели, поэтому вы можете сравнивать образцы из одного и того же сеанса выбора цвета изображения, не нажимая повторно.

Зачем использовать эту бесплатную палитру цветов изображения?

Поиск индивидуального цветового кода

Ваше изображение останется на вашем устройстве. Этот инструмент выбора цвета изображения безопасен для клиентских скриншотов, невыпущенных дизайнов и внутренних макетов, загрузка которых на сторонний сервер невозможна.

Лупа для тонких краев

Зум-объектив следует за курсором, поэтому вы можете нажимать на сглаженный текст, границы в 1 пиксель и остановки градиента. Средство выбора цвета изображения использует данные пикселей в полном разрешении, а не размытый предварительный просмотр в масштабе.

Каждый формат сразу

Одним щелчком мыши вы получаете HEX, RGB, HSL и CMYK — каждый с кнопкой копирования для CSS, инструментов проектирования или передачи печати. Не нужно переключать вкладки или конвертировать значения вручную после выбора цвета из изображения.

Мгновенная палитра из вашей фотографии

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

Когда использовать палитру цветов изображения

Выбор цвета изображения для веб-дизайна и дизайна пользовательского интерфейса

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

Выбор цвета изображения для бренда и маркетинга

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

Выбор цвета изображения для разработчиков

При реализации дизайна используйте образцы цветов из макетов или скриншотов продукции. Скопируйте RGB или HEX прямо в таблицу стилей, не открывая файл дизайна.

Выбор цвета изображения для печати и упаковки

Получайте значения CMYK наряду с HEX и RGB при координации цифровых и печатных материалов. Полезно для сопоставления ссылки на фотографию со спецификациями чернил или доказательствами упаковки.

Советы по точному выбору цвета изображения

Используйте лупу для мелких деталей.

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

Выберите формат, который нужен вашему рабочему процессу

HEX и RGB подходят для работы в Интернете и приложениях; HSL помогает, когда вы хотите улучшить легкость кода; CMYK поддерживает диалог печати. Скопируйте все четыре из одного выбора вместо того, чтобы конвертировать в другое место.

Начните с автоматической палитры, затем уточните ее.

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

Поддерживаемые форматы изображений для палитры цветов

JPEG / JPG — фотографии, изображения из социальных сетей и сжатые ссылки хорошо работают в палитре цветов изображения.
PNG — скриншоты без потерь и снимки пользовательского интерфейса; идеально подходит, когда вам нужны точные значения пикселей с острыми краями.
WebP и AVIF — поддерживаются современные веб-форматы, если ваш браузер может их декодировать.
GIF, BMP, HEIC и SVG — загружаются, если поддерживаются; HEIC с iPhone работает в большинстве современных браузеров.

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

FAQ

Как выбрать цвет из изображения?+

Откройте палитру цветов изображения, перетащите или вставьте изображение, наведите курсор на фотографию, чтобы увидеть увеличенное изображение в пикселях, и щелкните нужный пиксель. Значения HEX, RGB, HSL и CMYK мгновенно появляются на цветовой панели.

Загружаются ли мои изображения, когда я использую эту палитру цветов изображения?+

Нет. Все работает локально в вашем браузере с использованием Canvas API. Ваши изображения никогда не покидают ваше устройство, когда вы используете эту онлайн-палитру цветов изображений.

Какие цветовые форматы поддерживает палитра цветов изображения?+

Каждый выбор дает HEX (например, #E5A54B), RGB, HSL и CMYK — каждый с кнопкой копирования одним щелчком мыши. Вы можете переключаться между форматами, не выбирая пиксель повторно.

Могу ли я извлечь цветовую палитру из фотографии?