Бесплатно · в вашем браузере

Бесплатная пипетка цвета с изображения онлайн.

Перетащите фотографию, наведите курсор на пиксель, считайте hex код. Бесплатная пипетка цвета с изображения с hex, RGB и HSL плюс 8 самых ярких цветов в виде палитры. Работает с JPG, PNG, WebP и HEIC. Без загрузки, без входа в аккаунт.

Увеличить или уменьшить изображение →Прочитать EXIF вместо этого →
  • 100% в браузере
  • Файлы никогда не покидают ваше устройство
  • Без регистрации, без ограничений
  • Соответствует GDPR и CCPA
Image Color Picker

Drop an image to pick colors

JPG, PNG, WebP, or HEIC. Hover any pixel, see the hex, RGB, and HSL. Click to save a pick.

Что есть в этой пипетке

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

Одна цель: считать точный цвет каждого пикселя, плюс автоматическая палитра самых ярких цветов. hex, RGB и HSL готовы к копированию.

Hex с точностью до пикселя

Наведите курсор на пиксель для считывания в реальном времени: hex (#RRGGBB), RGB и HSL. Кликните, чтобы сохранить. Без усреднения, без округления, без загрузки.

Топ 8 ярких цветов

Палитра автоматически извлекается из гистограммы изображения. Один клик, чтобы сохранить яркий сегмент.

Копирование одним кликом

Скопируйте каждый hex прямо в буфер обмена, готовый для вставки в CSS, Tailwind, Figma, Sketch или HTML.

Поддержка HEIC

HEIC фотографии с iPhone декодируются в браузере через heic2any. Та же пипетка, то же наведение, тот же hex вывод.

Также RGB и HSL

Каждый выбор отображает hex, RGB и HSL. Вставьте прямо в токены дизайна или CSS переменные.

Без загрузки, без входа в аккаунт

Всё работает в вашем браузере. Файлы не покидают ваше устройство. Никаких аккаунтов, никакого дневного лимита, никакого водяного знака.

Вопросы и ответы

Частые вопросы о выборе цвета с изображений.

Как выбрать цвет с изображения?
Перетащите изображение в пипетку цвета. Наведите указатель на пиксель, и на панели считывания вы в реальном времени увидите hex, RGB и HSL. Кликните по пикселю, чтобы сохранить его в список выбранных цветов, а затем нажмите Copy, чтобы вставить hex код в буфер обмена. Работает с JPG, PNG, WebP и HEIC. Всё работает в вашем браузере, поэтому изображение никогда не загружается на сервер.
Насколько точно считывается цвет?
С точностью до пикселя. Изображение декодируется в полном разрешении в off-screen canvas; превью, которое вы видите, это лишь масштабированное отображение. Когда вы наводите курсор на координату (x, y) в превью, мы считываем точный пиксель из буфера полного разрешения, поэтому артефакт JPEG сжатия остаётся артефактом, а скопированный hex код это именно то, что есть в файле.
Показывает ли пипетка также яркие цвета?
Да. Как только изображение загружается, пипетка вычисляет 8 самых ярких цветов с помощью гистограммы RGB куба с 32 уровнями на уменьшенной копии. Полезно для сборки палитры бренда из логотипа, подбора оттенков кожи для ретуши или подбора цвета по фотографии комнаты. Кликните по яркому сегменту, чтобы сохранить его как ручной выбор.
Получу ли я HTML / CSS hex код?
Да. Каждый выбор отображается как 6-значный hex (#RRGGBB), который подходит прямо в CSS, конфиг Tailwind, Figma, Sketch или любой HTML атрибут цвета. Кнопка Copy копирует hex код с префиксом #.
А значения RGB и HSL?
Каждый выбор также отображает RGB (например, rgb(220, 53, 69)) и HSL (например, hsl(354, 70%, 54%)), поэтому вы можете вставить прямо в CSS переменные, расширение Tailwind или токены дизайн-системы, которые ожидают конкретный формат.
Пипетка цвета действительно бесплатна? Есть ли ограничения?
Да. Никаких аккаунтов, никакого дневного лимита, никакого ограничения на размер файла, никакого водяного знака. Весь конвейер работает в вашем браузере. Мы никогда не видим ваше изображение.
Могу ли я выбирать цвета с HEIC фотографии с iPhone?
Да. Файлы HEIC декодируются в браузере (через heic2any), а затем обрабатываются точно так же, как JPEG. Считывание при наведении и палитра ярких цветов работают одинаково.
Почему мои сохранённые выборы ограничены 12?
Чтобы список выбранных цветов оставался читаемым. Сверх 12 исчезает самый старый. Если вам нужно больше, скопируйте каждый hex напрямую и вставьте их в свой инструмент дизайна или заметки.
Игнорирует ли палитра ярких цветов фон?
Не автоматически. Это гистограмма на основе частоты, поэтому наиболее часто встречающиеся пиксели (часто фон) оказываются наверху. Если вам нужна палитра только из объекта, сначала обрежьте фотографию нашим инструментом обрезки, а затем перетащите обрезанное изображение в пипетку.
Могу ли я сохранить выборы как файл?
Не напрямую. Список последних выборов живёт на странице в течение сессии. Для постоянной палитры скопируйте каждый hex (один клик) и вставьте их в свой инструмент дизайна, CSS файл или приложение для заметок. Выборы без дубликатов, поэтому один и тот же hex не появится дважды подряд.
Похожие статьи

Фотогиды о цвете, метаданных и управлении файлами.

Альтернатива при съёмке

Подбираете цвета на месте? iOS приложение снимает со встроенными GPS, временем и адресом.

Если вы подбираете краски, ткани или цвета материалов на объекте, iOS приложение проштампует каждую референсную фотографию датой, GPS и адресом улицы, так что фотография самодокументируется ещё до того, как попадёт в пипетку цвета.

Download on theApp Store
iOS 15.6+ · iPhone, iPad, Mac и Vision Pro
  • Видимые дата, время, GPS и адрес на каждом снимке
  • Атомные (синхронизированные по сети) метки времени
  • Вывод JPEG, готовый для любой пипетки
  • Работает офлайн; адрес подставляется позже