Бесплатная пипетка цветов для изображений и генератор палитр

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

Нажмите для перехода в режим кинотеатра
Перетащите изображение или нажмите, чтобы выбрать

Поддерживаются PNG, JPG, WebP, GIF и BMP. Вы также можете вставить скриншот с помощью Ctrl+V / Cmd+V

Выберите или вставьте изображение

Изображения обрабатываются локально в вашем браузере. Перемещайте перекрестие после загрузки.

Выберите или вставьте изображение

Изображения обрабатываются локально в вашем браузере. Перемещайте перекрестие после загрузки.

Как использовать

  1. Перетащите изображение, выберите файл или вставьте скриншот из буфера обмена.
  2. Наведите указатель мыши (или проведите пальцем) на изображение, чтобы использовать лупу для точного выбора цвета.
  3. Нажмите, чтобы сохранить текущий цвет пикселя в панель истории.
  4. Нажмите «Извлечь палитру», чтобы сгенерировать доминирующие цвета.

Основные функции

  • Локальный выбор цвета изображения: Изображения рендерятся и сканируются с помощью браузерного Canvas, никогда не загружаясь на сервер.
  • HEX/RGB/HSL на уровне пикселя: Перемещайте указатель или палец по изображению, чтобы считывать значения HEX, RGB и HSL в реальном времени.
  • Перекрестие лупы: Увеличенный предварительный просмотр помогает вам прицеливаться в края значков, детали скриншотов пользовательского интерфейса и небольшие цветовые блоки.
  • Генератор палитр: Выборка пикселей на стороне браузера извлекает до 5 доминирующих цветов для быстрой справки по дизайну.
  • Быстрое сохранение и копирование: Нажмите на изображение, чтобы сохранить цвета в историю, затем нажмите на любой образец, чтобы скопировать его значение.

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

Конвертер цветов (HEX/RGB/CMYK) - Инструмент проверки контрастности WCAG

Конвертируйте HEX, RGB, HSL и CMYK со встроенной проверкой контрастности WCAG. Локальная конфиденциальность — без загрузок. Получите готовые к печати значения CMYK и скопируйте результаты.
Генератор Lorem Ipsum (JSON/HTML) - CJK и вывод для разработчиков

Генерируйте Lorem Ipsum в виде текста, HTML <p> или массивов JSON. Только локально, без загрузок. Включает китайский текст-заполнитель и управление длиной.
Калькулятор соотношения сторон и генератор CSS - TikTok/Reels 9:16

Быстро рассчитывайте соотношения сторон и недостающие размеры. Работает локально — без загрузок. Включает предустановки TikTok/Reels 9:16 и фрагменты CSS aspect-ratio.

Логика расчёта

  • Инструмент отображает изображение в элементе <canvas> и использует метод getImageData для считывания цветов пикселей.
  • Извлечение палитры квантует цветовое пространство для поиска наиболее заметных групп пикселей, при этом вся обработка происходит на стороне клиента.

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

  • Отправляются ли мои изображения на какой-либо сервер?
    • Нет. Все изображения загружаются и обрабатываются локально на вашем устройстве с использованием API браузера.
  • Почему цвета иногда могут отличаться?
    • Цветовые профили (например, sRGB или Display P3), внедренные в изображение, могут по-разному обрабатываться браузерами. Значения извлекаются напрямую из данных холста.