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

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

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

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

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

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

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

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

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

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

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

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

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

Калькулятор FIRE 2026 (с учетом инфляции) | Симулятор пенсионного разрыва

Калькулятор FIRE 2026 с поправкой на инфляцию. Смоделируйте реальную покупательную способность, проанализируйте нехватку пенсионных накоплений и создайте визуальный план роста благосостояния. Экспорт в CSV в один клик для финансовых дашбордов в Excel или Notion. 100% конфиденциально, локальные вычисления.

Калькулятор размера позиции | Управление рисками в трейдинге

Рассчитайте размер торговой позиции на основе баланса счета, процента риска, цены входа и стоп-лосса. Работает локально в браузере, позволяет сравнивать сценарии риска перед открытием сделки.

Калькулятор сложного процента | Бесплатный график роста и APY

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

Онлайн-калькулятор кредитов и ипотеки - Мгновенный график платежей

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

Онлайн-калькулятор инвестиций и ROI | График сложного процента

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

Калькулятор APR в APY - Конвертер номинальной и эффективной ставки

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

Калькулятор маржи - Конвертер маржи и наценки

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

Калькулятор CPM и CPC - Оценка рекламных затрат и CTR онлайн

Используйте этот калькулятор CPM и CPC для локальной оценки затрат на рекламу, показов, кликов, CPM, CPC и CTR. Введите бюджет и целевые расходы для мгновенного планирования сценариев кампании.

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

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

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

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