belun.app Блог

Пипетка для изображений — HEX, RGB и HSL любого пикселя

Кликните, чтобы выбрать изображение, или перетащите его сюда

JPG, PNG, WebP, GIF · обрабатывается в браузере, никуда не загружается

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

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

  1. 1
    Откройте изображение Кликните по области загрузки или перетащите в неё файл JPG, PNG, WebP или GIF. Картинка открывается мгновенно — на сервер ничего не отправляется.
  2. 2
    Наведите для увеличения, кликните для выбора Двигайте курсор по изображению — лупа показывает окружающие пиксели. Кликните, когда перекрестие окажется на нужном пикселе.
  3. 3
    Скопируйте код цвета Выбранный цвет отображается в форматах HEX, RGB и HSL с кнопкой копирования у каждого. Последние цвета остаются в истории — удобно сравнивать оттенки.

Ваши данные защищены

Всё обрабатывается прямо в вашем браузере. Никакие файлы или текст не отправляются на наши серверы. Отключите интернет — инструмент продолжит работать.

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

Загружается ли моё изображение на сервер?
Нет. Файл открывается прямо в браузере через Canvas API. Он не покидает ваше устройство, нигде не сохраняется, а после загрузки страницы инструмент работает даже офлайн.
В каких форматах я получу цвет?
Каждый клик даёт сразу три формата: HEX (#3FA2C4) для CSS и графических редакторов, RGB (rgb(63, 162, 196)) для кода и HSL (hsl(195, 53%, 51%)) — он удобен, когда нужно осветлить или затемнить оттенок, сохранив тон.
Как попасть в деталь размером в один пиксель, например тонкую рамку?
Через лупу. Она показывает область 11×11 пикселей вокруг курсора, а целевой пиксель выделен в центре — можно точно навести перекрестие перед кликом.
Какие форматы изображений поддерживаются?
Всё, что умеет открывать браузер: JPG, PNG, WebP, GIF, BMP, SVG, а в современных браузерах и AVIF. Очень большие фото уменьшаются до 4096 пикселей по длинной стороне — для выбора цвета этого более чем достаточно.
Можно ли выбрать несколько цветов и сравнить их?
Да. Каждый клик добавляет цвет в историю до 12 образцов. Клик по образцу возвращает его значения — удобно собирать палитру из фотографии.

Из блога

Как узнать точный цвет с любой картинки (HEX, RGB, HSL) Три надёжных способа взять цвет с изображения, почему скриншоты искажают цвета и когда нужен HEX, а когда HSL. Читать статью →

Похожие инструменты