Что такое Пипетка цвета из изображения?
Бесплатный онлайн-инструмент выбора цвета из изображения. Загрузите изображение и нажмите в любом месте, чтобы извлечь значение цвета.
Извлечение цветов из изображений — базовая задача в дизайнерских рабочих процессах: подобрать фирменный цвет из логотипа, выборочно собрать цветовую палитру из фотографии для дизайна сайта или определить точный hex-код цвета на существующем изображении. Палитра цветов изображений позволяет щёлкнуть в любом месте загруженного изображения, чтобы захватить точный цвет пикселя в форматах HEX и RGB.
Загрузите изображение, и оно появится на холсте. Лупа при наведении показывает область под курсором с увеличением 2x, что упрощает попадание в конкретные пиксели даже на детализированных изображениях. При движении курсора предпросмотр цвета обновляется в реальном времени, показывая текущий цвет пикселя в значениях HEX и RGB. Когда вы найдёте нужный цвет, щёлкните, чтобы захватить его.
Каждый щелчок добавляет цвет на панель палитры под изображением. Палитра отображает каждый захваченный цвет в виде образца с его значениями HEX и RGB, каждое со своими кнопками копирования. Вы можете собрать палитру из любого количества цветов — от одного фирменного цвета до полной схемы из 10 цветов, извлечённых из фотографии. Палитра сохраняется до тех пор, пока вы не загрузите новое изображение или не обновите страницу.
В основе технологии лежит метод getImageData() из Canvas API, который считывает точные значения красного, зелёного, синего и альфа-канала для пикселя по координатам щелчка. Эти значения RGB преобразуются в формат HEX для отображения. Инструмент поддерживает все распространённые форматы изображений и обрабатывает всё локально, поэтому изображения остаются конфиденциальными.