🎨

Пипетка цвета из изображения — HEX, RGB и HSL онлайн

Нажмите на любой пиксель изображения и мгновенно получите его цвет в форматах HEX, RGB или HSL. Загрузите, перетащите или вставьте скриншот. Бесплатно, работает полностью в браузере.

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

Изображение в текст (OCR) — Извлечение текста из любого изображения

Извлекайте текст из любых изображений с помощью OCR. Работает с фотографиями, скриншотами и сканами. 15 языков: английский, русский, китайский, арабский и другие. Бесплатно — без загрузки на сервер.

Удалить фон с фото — Бесплатно, ИИ, Без загрузки, Работает офлайн

Удалите фон с фото бесплатно прямо в браузере — без загрузки, без регистрации, без водяного знака. ИИ работает на вашем устройстве: изображения никуда не отправляются. Работает офлайн после первой загрузки модели. JPEG, PNG, WebP, AVIF.

Генератор надёжных паролей онлайн — бесплатно, безопасно, случайно

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

Форматтер JSON онлайн — форматирование и минификация

Форматируйте JSON онлайн — бесплатно. Вставьте или загрузите файлы до 5 МБ. Работает полностью в браузере, данные остаются конфиденциальными.

Генератор QR-кодов — Бесплатный онлайн-создатель QR-кодов

Мгновенно генерируйте QR-коды из любого URL, текста, email или данных. Настраивайте размер и уровень коррекции ошибок. Скачивайте в PNG. Работает полностью в вашем браузере — данные не покидают ваше устройство.

Генератор парольных фраз Diceware — надёжные пароли, которые легко запомнить

Генерируйте безопасные парольные фразы по методу Diceware. Легко запоминаются и устойчивы к брутфорс-атакам. Работает полностью в браузере — данные не покидают ваше устройство.

Пипетка цвета из изображения — мгновенное извлечение любого цвета

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

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

Загрузите изображение

Перетащите любое изображение на холст, нажмите «Выбрать изображение» для выбора из файлов или нажмите Ctrl+V, чтобы вставить скриншот прямо из буфера обмена без сохранения файла. Поддерживаются PNG, JPG и WEBP.

Наведите курсор для предпросмотра цветов

Перемещайте курсор по изображению — строка предпросмотра внизу показывает значения HEX, RGB и HSL пикселя под курсором в реальном времени.

Нажмите, чтобы зафиксировать цвет

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

Используйте автоматически извлечённую палитру

Полоса палитры над результатами показывает 8 представительных цветов, автоматически извлечённых из изображения по алгоритму медианного сечения. Нажмите на любой образец, чтобы добавить его в список.

Экспортируйте цвета

Нажмите «Копировать все», чтобы скопировать все HEX-коды сразу, или воспользуйтесь панелью экспорта для скачивания выбранных цветов в форматах TXT, CSV или JSON.

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

Отправляется ли изображение на сервер?

Нет. Изображение никогда не покидает ваше устройство. Извлечение цветов происходит непосредственно в браузере с помощью HTML Canvas API. Никакие данные изображения не передаются.

В каких форматах выводятся цвета?

Каждый выбранный цвет отображается в форматах HEX (например, #3A7BD5), RGB (например, rgb(58, 123, 213)) и HSL (например, hsl(220, 63%, 53%)). Нажмите на любой формат, чтобы скопировать его в буфер обмена.

Как работает автоматическое создание палитры?

Палитра генерируется по алгоритму медианного сечения — отраслевому стандарту, который рекурсивно делит цветовое пространство по наиболее широкому каналу и усредняет каждую область. Алгоритм создаёт 8 перцептуально репрезентативных цветов, а не наиболее частые, поэтому хорошо работает даже на изображениях с плавными градиентами.

Почему в палитре иногда меньше 8 цветов?

Алгоритм медианного сечения может давать одинаковые HEX-значения, если большая часть изображения почти однородна — например, белый фон. Дубликаты удаляются автоматически, поэтому в палитре может быть меньше образцов.

Можно ли выбирать цвета из скриншота?

Да. Сделайте скриншот, затем нажмите Ctrl+V (или Cmd+V на Mac) в любом месте страницы, чтобы вставить его прямо в пипетку без предварительного сохранения файла.