Пипетка Цвета Изображения

Выбирайте цвета из изображений, указывая координаты. Получайте значения цвета в форматах HEX, RGB, HSL, HSV и CMYK.

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Загрузите любой файл изображения для выбора цветов

Координата X в пикселях, отсчет от левого края (0 = левый край)

Координата Y в пикселях, отсчет от верхнего края (0 = верхний край)

Радиус области для выборки (0 = один пиксель, большие значения усредняют цвета в области)

Выберите, какие форматы цветов включить в вывод

Ключевые факты

Категория
Дизайн и цвет
Типы входных данных
file, number, select
Тип результата
json
Покрытие примерами
4
API доступен
Yes

Обзор

Инструмент «Пипетка Цвета Изображения» позволяет точно определять цветовые коды на изображениях по заданным координатам X и Y. Загрузите файл в формате JPEG, PNG, WebP, GIF, BMP или TIFF, укажите нужную точку и радиус усреднения, чтобы мгновенно получить значения цвета в форматах HEX, RGB, HSL, HSV и CMYK.

Когда использовать

  • •Когда необходимо точно определить цвет конкретного пикселя на макете или фотографии по известным координатам.
  • •При подготовке графики к печати или веб-публикации, когда требуется конвертировать цвет из изображения в форматы CMYK, HEX или HSL.
  • •Для автоматического извлечения цветовой палитры с изображений с возможностью сглаживания шума с помощью настройки радиуса образца.

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

  • •Загрузите файл изображения (поддерживаются форматы JPEG, PNG, WebP, GIF, BMP и TIFF).
  • •Укажите координаты X и Y в пикселях для выбора нужной точки на изображении.
  • •Задайте радиус образца от 0 до 50 пикселей для точечного выбора или усреднения цвета в области.
  • •Выберите желаемый формат вывода (все форматы или конкретный, например HEX или CMYK) и получите результат в формате JSON.

Сценарии использования

Определение точного цвета логотипа на растровом изображении для воссоздания векторного макета.
Извлечение параметров цвета в формате CMYK из фотографий для подготовки полиграфических макетов.
Анализ цветовых характеристик пикселей на снимках для калибровки или тестирования графических интерфейсов.

Примеры

1. Точечное определение цвета логотипа

Веб-дизайнер
Контекст
Дизайнеру нужно узнать точный HEX-код цвета на скриншоте логотипа клиента для использования в CSS-стилях.
Проблема
Найти точный цвет пикселя в центре логотипа без установки графических редакторов.
Как использовать
Загрузить скриншот logo.png, указать точные координаты центральной точки (X: 150, Y: 80), оставить радиус образца равным 0 и выбрать формат вывода HEX.
Пример конфигурации
{
  "imageFile": "logo.png",
  "x": 150,
  "y": 80,
  "sampleRadius": 0,
  "outputFormat": "hex"
}
Результат
Получен точный шестнадцатеричный код цвета, например #3B82F6, готовый для вставки в CSS.

2. Усреднение цвета текстуры для полиграфии

Препресс-инженер
Контекст
Специалист готовит макет к печати и должен определить средний оттенок неоднородной текстуры на фотографии в формате CMYK.
Проблема
Из-за шума и текстуры одиночный пиксель дает неточный цвет, требуется усреднить область.
Как использовать
Загрузить файл texture.tiff, установить координаты X: 500, Y: 400, задать радиус образца 15 пикселей для сглаживания и выбрать формат вывода CMYK.
Пример конфигурации
{
  "imageFile": "texture.tiff",
  "x": 500,
  "y": 400,
  "sampleRadius": 15,
  "outputFormat": "cmyk"
}
Результат
Получены усредненные значения CMYK (например, C: 20, M: 50, Y: 80, K: 5) для точной настройки печатного оборудования.

Проверить на примерах

image, png, jpg
Примеры Обработки Изображений Web Python
Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата
title token image
image
Примеры Обработки Изображений Android Java
Примеры обработки изображений Android Java включая чтение/сохранение, масштабирование и преобразование формата
title token image
image
Примеры Обработки Изображений Android Kotlin
Примеры обработки изображений Android Kotlin включая чтение/сохранение, масштабирование и преобразование формата
title token image
image
Обработка Изображений macOS Objective-C - Примеры
Примеры обработки изображений macOS Objective-C включая чтение/запись изображений, масштабирование и преобразование формата
title token image
image

Связанные хабы

Инструменты конвертации форматов изображений и анимированного экспорта
Сравните конвертеры JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 и инструменты экспорта анимированных изображений в одном хабе.
Инструменты для очистки, оформления и пакетной подготовки изображений
Соберите в одном хабе инструменты для очистки изображений, обрезки, добавления полей и рамок, пакетного изменения размера и сжатия, водяных знаков и финальной визуальной подготовки.
Инструменты метаданных изображений, EXIF и очистки приватности
Сравните просмотрщики метаданных, инспекторы EXIF/IPTC/XMP, исправление ориентации, редакторы метаданных и инструменты удаления приватных данных из изображений.
Инструменты кодирования и конвертации аудио
Сравните инструменты конвертации аудиоформатов, изменения битрейта, частоты дискретизации, смены кодека и экспорта в одном хабе.

FAQ

Какие форматы изображений поддерживает инструмент?

Вы можете загружать файлы в форматах JPEG, PNG, WebP, GIF, BMP и TIFF размером до 20 МБ.

Что делает параметр «Радиус Образца»?

Значение 0 определяет цвет одного пикселя. Большие значения (до 50) усредняют цвета в указанном радиусе, сглаживая шум.

Как отсчитываются координаты X и Y?

Координата X отсчитывается от левого края изображения, а Y — от верхнего края. Точка (0,0) находится в верхнем левом углу.

В каких цветовых пространствах можно получить результат?

Доступны форматы HEX, RGB, HSL, HSV и CMYK. Вы можете получить их все сразу или выбрать один конкретный.

Можно ли использовать инструмент для пакетной обработки?

Инструмент обрабатывает одно изображение за раз по указанным координатам, возвращая точные цветовые данные в формате JSON.

Документация API

Конечная точка запроса

POST /ru/api/tools/image-color-picker

Параметры запроса

Имя параметра Тип Обязательно Описание
imageFile file (Требуется загрузка) Да Загрузите любой файл изображения для выбора цветов
x number Да Координата X в пикселях, отсчет от левого края (0 = левый край)
y number Да Координата Y в пикселях, отсчет от верхнего края (0 = верхний край)
sampleRadius number Нет Радиус области для выборки (0 = один пиксель, большие значения усредняют цвета в области)
outputFormat select Нет Выберите, какие форматы цветов включить в вывод

Параметры типа файл должны быть загружены сначала через POST /upload/image-color-picker для получения filePath, затем filePath должен быть передан в соответствующее поле файла.

Формат ответа

{
  "key": {...},
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Данные JSON: Данные JSON

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-image-color-picker": {
      "name": "image-color-picker",
      "description": "Выбирайте цвета из изображений, указывая координаты. Получайте значения цвета в форматах HEX, RGB, HSL, HSV и CMYK.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-color-picker",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Поддерживает ссылки на файлы URL или кодирование Base64 для параметров файла.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]