Как работает пипетка онлайн

Инструмент анализирует каждый пиксель загруженного изображения и отображает его цветовые коды в трёх форматах: HEX (для веба), RGB (для графики) и HSL (для настройки оттенков). Если фото содержит прозрачные области (например, PNG с альфа-каналом), пипетка покажет и степень прозрачности в RGBA или HSLA.

Поддерживаются форматы JPG, PNG, WebP и даже SVG — без потери качества.

  • Наведите курсор на пиксель — цвет отобразится в реальном времени
  • Кликните, чтобы скопировать код в буфер обмена
  • Используйте лупу для точного выбора (увеличение до 1600%)
📖 Читайте также: Как конвертировать сотни фото разом в другой формат

Когда пригодится пипетка из фото

Инструмент полезен, если нужно перенести цветовую палитру с фотографии в дизайн-макет, логотип или сайт.

Например, подобрать фирменные цвета из фото товара для рекламного баннера или повторить оттенок неба для фона презентации. Пипетка также помогает анализировать цветокоррекцию: сравните исходные и обработанные цвета в RGB или HSL, чтобы оценить изменения.

  • Подбор цветовой схемы для логотипа или брендбука
  • Анализ цветов в фотографиях для ретуши или коллажей
  • Создание палитры для веб-дизайна или интерфейсов

Форматы цветов: что выбрать

HEX — компактный формат для веба (например, #FF5733), его понимают все браузеры и редакторы. RGB (255, 87, 51) удобен для работы в Photoshop или Figma, а HSL (9°, 100%, 60%) позволяет легко регулировать оттенок, насыщенность и яркость.

Если в фото есть прозрачность (например, в PNG), используйте RGBA или HSLA — они учитывают альфа-канал.

  • HEX: #RRGGBB — для CSS, HTML и веб-разработки
  • RGB: (R, G, B) — для графических редакторов и печати
  • HSL: (H, S, L) — для настройки оттенков и цветокоррекции
📖 Читайте также: Как сжать изображение без потери качества?

Ограничения и тонкости

Пипетка считывает цвет именно того пикселя, на который наведён курсор. Если фото сжато (например, JPG с артефактами), цвет может отличаться от оригинала.

В SVG инструмент работает только с растровыми вставками — векторные элементы не анализируются. Для точности используйте изображения без сжатия (PNG без потерь) или исходные RAW-файлы, конвертированные в JPG/PNG.

  • Не используйте сильно сжатые JPG — цвета могут искажаться
  • Для прозрачных областей выбирайте PNG или WebP с альфа-каналом
  • В SVG пипетка работает только с растровыми фрагментами

Альтернативы: когда пипетка не подходит

Если нужно извлечь не отдельные цвета, а целую палитру из фото, используйте инструменты для генерации цветовых схем (например, Adobe Color). Для работы с цветом в офлайн-режиме подойдут графические редакторы: Photoshop (пипетка + палитра), GIMP (бесплатный аналог) или Figma (для веб-дизайна).

Но для быстрого копирования HEX/RGB без установки программ онлайн-пипетка удобнее всего.

  • Adobe Color — для генерации цветовых схем из фото
  • Photoshop/GIMP — для офлайн-работы с пипеткой
  • Figma — для подбора цветов в интерфейсах

Частые вопросы

Нет, инструмент работает только с изображениями (JPG, PNG, WebP, SVG). Чтобы извлечь цвет из видео, сделайте скриншот кадра и загрузите его на 5на5.

Цвет на мониторе зависит от его калибровки и цветового профиля. Для точного подбора используйте откалиброванный дисплей и изображения в sRGB.

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

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

⚡ Пипетка на 5на5 — самый быстрый способ извлечь HEX, RGB или HSL из любого фото без установки программ. Загрузите изображение, выберите пиксель и скопируйте код цвета за секунду.