Logo
Пипетка Онлайн
Определение цвета

Как извлечь цвет из изображения

Нашли идеальный оттенок на фотографии или в макете конкурентов? Самый быстрый способ скопировать его — использовать инструмент определить цвет по фото онлайн. Он работает прямо в браузере без установки тяжелых программ.

Способ 1: Онлайн-пипетка (Самый быстрый)

Если вам нужно просто получить HEX-код для верстки или дизайна, нет смысла открывать Photoshop.

  1. Сделайте скриншот или сохраните нужную картинку на устройство.
  2. Откройте главную страницу нашего сервиса.
  3. Перетащите картинку в зону загрузки (или выберите файл через проводник).
  4. Наведите курсор-лупу на желаемый пиксель и кликните левой кнопкой мыши.
  5. Готово! Код скопирован в историю, и вы можете забрать его в формате HEX или RGB.

Способ 2: Генерация палитры (Мудборд)

Иногда нужен не один конкретный цвет, а вся цветовая гамма (атмосфера) фотографии. Для этого дизайнеры используют генераторы палитр. Загрузив фото в систему, наш алгоритм автоматически проанализирует все пиксели и соберет 14 доминирующих цветов, которые гармонично сочетаются друг с другом. Вы сможете скачать готовую полоску с образцами и кодами, чтобы прикрепить ее к проекту.

Способ 3: Инструменты разработчика в браузере (F12)

Если вы хотите взять цвет с уже существующего сайта (а не с фото), можно обойтись встроенными средствами браузера Google Chrome или Safari:

  1. Кликните правой кнопкой мыши по нужному элементу на сайте.
  2. Выберите пункт «Просмотреть код» (Inspect).
  3. В открывшейся панели стилей (Styles) найдите правило color или background-color.
  4. Рядом с кодом цвета будет маленький цветной квадратик. Нажмите на него, и откроется встроенная пипетка.
  5. Кликните иконку пипетки, а затем нажмите на любой элемент на веб-странице, чтобы скопировать его цвет.

Почему цвета могут отличаться?

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