С этим инструментом что-то не так?

О «Пипетка цвета с изображения Онлайн»

Назначение

Выбор цвета из изображения — это пипетка для ваших собственных картинок. Загрузите изображение, щёлкните по точке, и инструмент считает точный цвет этого пикселя и покажет его вам. Никаких догадок и ручного подбора — вы указываете на нужный цвет и мгновенно получаете его точное значение.

Какие значения он показывает

Каждый выбор выводится сразу в трёх форматах: HEX вида #3b82f6, RGB вида rgb(59, 130, 246) и HSL вида hsl(217, 91%, 60%). У каждого значения есть кнопка копирования в один щелчок, так что цвет можно вставить прямо в CSS, инструмент дизайна или документ. Для веба & дизайна обычно нужен именно HEX.

История выбранных цветов

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

Приватно и в браузере

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

Как пользоваться этим инструментом

Шаги

  1. Загрузите изображение с устройства — логотип, фото или скриншот с нужными цветами.

  2. Щёлкните по точке на изображении, чтобы выбрать цвет именно этого пикселя.

  3. Прочитайте значения HEX, RGB и HSL и нажмите кнопку копирования рядом с нужным.

  4. Продолжайте щёлкать, чтобы собрать больше цветов — каждый добавляется в историю, и вы соберёте палитру.

Советы

  • Приближайте для точных пикселей. Когда цвета расположены близко, увеличение изображения помогает попасть точно в нужный пиксель.
  • Используйте качественное изображение. Чёткая, несжатая картинка даёт более верные цвета; сильные артефакты JPEG могут сдвинуть выбранный пиксель.
  • Копируйте HEX для CSS и инструментов дизайна. Значение # аккуратно вставляется в таблицы стилей, Figma и большинство редакторов.