Без загрузки, 100% локально, без аккаунта

Пипетка цвета

Загрузите изображение, наведите курсор для увеличения, кликните, чтобы выбрать цвет, и скопируйте его в hex, RGB или HSL.

Как работает Пипетка цвета

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

Пипетка цвета: пошаговая инструкция

  1. Перетащите или выберите фото, скриншот или файл изображения.
  2. Наведите курсор на изображение; образец цвета и лупа в реальном времени покажут цвет под курсором.
  3. Нажмите, чтобы выбрать именно этот пиксель и добавить его в полосу истории.
  4. Нажмите на значение hex, RGB или HSL, чтобы скопировать его в буфер обмена.
  5. Нажмите на любой цвет в полосе истории, чтобы снова сделать его активным выбранным цветом.

Частые сценарии использования

  • Подбор точного фирменного цвета по скриншоту логотипа перед использованием в дизайн-инструменте.
  • Проверка того, каким hex-значением на самом деле отрисовывается фон или кнопка сайта, попиксельно.
  • Считывание цветов с фотографии (ткань, образец краски, фото товара), чтобы узнать их коды RGB/hex.
  • Составление небольшого упорядоченного набора выбранных цветов из разных частей изображения с помощью полосы истории.

Часто задаваемые вопросы

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

Нет, оно декодируется и считывается локально на холсте страницы.

В каких форматах выводит цвет color picker?

Для активного выбранного цвета показываются Hex (#RRGGBB), RGB и HSL, каждый в виде кнопки для копирования по клику. Для CMYK или HSV используйте инструмент конвертации цвета с тем же значением hex.

Как работает лупа?

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

Чем это отличается от генератора палитры?

Палитра автоматически извлекает доминирующие цвета; здесь вы сами выбираете точный пиксель.

Сколько цветов хранит история?

24 последних выбранных различных цвета.

Какие форматы изображений можно перетащить?

Любой формат изображения, который ваш браузер может декодировать и отрисовать на canvas, это охватывает JPEG, PNG, WebP, GIF и большинство остальных форматов в современных браузерах.