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


73

Как я могу выбрать цвет с изображения?

Когда я перемещаю курсор в любую конкретную точку на изображении, я хочу, чтобы отображался шестнадцатеричный код цвета у курсора. Я хотел бы иметь возможность делать это с любым изображением на экране, даже если это не изображение, скажем, я работаю над любым приложением Windows, имеющим различные цвета.

Есть ли способ сделать это?


1
Я обнаружил, что многие из доступных палитр цветов не работают хорошо с Windows 10 и высоким разрешением, поэтому я создал свой собственный инструмент: github.com/Bluegrams/Colora
alxnull

Ответы:


92

В Windows есть более простой способ, который не требует никакого программного обеспечения.

  1. Захват экрана в файл изображения (используйте что-то вроде инструмента Snipping Tool, чтобы захватить нужную область)
  2. Откройте файл с помощью MS Paint
  3. Используйте Paint выбрать цвет и выбрать цвет
  4. Нажмите кнопку «Редактировать цвета»
  5. У вас есть значения RGB!

6
Насколько мне известно, это лучшее из перечисленных решений, поскольку оно универсально и не требует установки какого-либо нового программного обеспечения.
Очадо

14
Медленно и нудно. Нам просто нужен быстрый сборщик цветов ...
Pere

4
.. а если MS Paint может показать и шестнадцатеричный цвет. :)
Никола Обрешков

4
@Ochado Насколько мне известно, это не лучшее решение в списке, поскольку оно утомительно, медленно и не использует универсальное доступное удобное программное обеспечение.
PHPst

3
Подождите, программное обеспечение Windows по умолчанию не универсально или удобно?
Аарон Холл

53

Instant Eyedropper - это именно то, что вы искали.

Как это устроено

  1. Переместите указатель мыши на значок Instant Eyedropper на панели задач.
    Значок в системном трее Instant Eyedropper
  2. Нажмите и удерживайте левую кнопку мыши и переместите указатель мыши на пиксель, цвет которого вы хотите идентифицировать.
    Инструмент для выбора цвета Instant Eyedropper
  3. Отпустите кнопку мыши.

Вот это . Буфер обмена теперь содержит код цвета - в формате HTML (или в любом другом формате, который вы указали ранее). Его можно вставить и использовать в любом текстовом или HTML-редакторе или в инструменте выбора цвета в Photoshop.

Это идет со всеми вариантами, которые я лично хотел такого инструмента.

  • Цветной рисунок буфера обмена (Hex и др.)
  • Запуск в системном трее
  • Нет накладных расходов или рекламы, и это бесплатно.

Панель опций Instant Eyedropper

Работает на Windows XP, Vista, 7, 8, 10 и, возможно, более того.


Разъяснение значений, возвращаемых опцией HSB

Обратите внимание, что формат HSB дает стандартные значения, которые:

  • Оттенок: 0-359 градусов
  • Насыщенность: 0-100%
  • Яркость: 0-100%

Некоторые инструменты, такие как Paint on windows, будут давать немного другие значения

  • Оттенок: 0-239
  • Насыщенность: 0-240
  • Яркость: 0-240

Рассуждения объясняются на блоге окна .

Теоретическим диапазоном для оттенка является угол, нормализованный, чтобы быть больше или равен 0 ° и строго меньше 360 °. Верхнее значение диапазона не достигается, потому что оттенок является циклическим, поэтому значение 360 ° эквивалентно 0 °. С другой стороны, насыщенность и яркость являются значениями с плавающей запятой от 0,0 до 1,0 (включительно).

В Windows диапазоны оттенков, насыщенности и яркости изменяются таким образом, чтобы они варьировались от 0 до 240. Оттенок является исключительным для конечной точки (потому что 360 ° = 0 °), тогда как насыщенность и яркость включают в себя конечную точку (поскольку достижим 1,0).

Если вы хотите использовать пипетку на окнах с помощью инструмента, такого как Paint, вы можете выполнить математику с соотношениями, описанными выше, или просто использовать значение RGB, когда это возможно.


2
намного лучше, чем все другие решения
Георгиос Плигоропулос

2
Отлично. Крошечный, простой и делает свою работу. Благодарю.
хаджами

2
Это работает фантастически и позволяет активировать сочетания клавиш. Отличная экономия времени!
SomeGuy

1
Замечательное крошечное приложение
Марко Демайо

1
Проблема с "4K мониторами", вероятно, действительно "проблема с масштабированными мониторами в Window 10". У меня 1920 * 1080 14-дюймовый ноутбук + 2 x 1920 * 1080 24-дюймовые мониторы. Он отлично работает на 24-дюймовых экранах при 100%, но проигрывает на встроенном мониторе при масштабе 150%
Gerry Coll

9

Если изображение можно отобразить в браузере, большинство из них имеют встроенные средства выбора цвета / пипетки:

  • Chrome - DevTools ( F12) -> Элементы -> Стили -> щелкните окно предварительного просмотра любого цветавведите описание изображения здесь
  • FireFox - То же, что меню Chrome или Гамбургер -> Веб-разработчик -> Пипетка введите описание изображения здесь
  • Internet Explorer - DevTools ( F12) -> DOM Explorer -> Ctrl+ K-> Включить режим капельницы ( крайняя левая кнопка)

1
@ fixer1234 сделано
Охад Шнайдер

7

Особенности, которые мне понравились в Just Color Picker :

  • Это бесплатно.
  • Это портативный (установка не требуется).
  • Поддерживает множество цветовых форматов (HTML, RGB, HEX, HSB / HSV, HSL, CMYK и Delphi).
  • Имеет опции горячих клавиш и автокопии .

введите описание изображения здесь


Не очень хорошо работает на W7
Марко Демайо

Это то, что использовать. Работает как чемпион
Барри Чепмен

3

PicPick это хорошо:

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


8
К вашему сведению - это не бесплатно или с открытым исходным кодом
Shital Shah

1
PicPick делает есть бесплатная версия, которая предназначена только для личного пользования, а не автоматическое обновление. Кроме того, это то же самое, что платная версия.
CalvT

2

Мне нравится Colorzilla при использовании Firefox. Просто используйте пипетку, чтобы щелкнуть в любом месте веб-страницы, включая изображения, и он возвращает код RGB и Hex.


8
Хотя Colorzilla весьма полезен, это не решение проблемы, когда вы хотите выбрать цвет « в любом приложении Windows, имеющем различные цвета ».
Эмиль Бержерон

1
Соглашаясь с Кевином, если ваш цвет находится на веб-странице, нет необходимости в расширении (это может сделать его быстрее, если вам придется делать это несколько раз), но я просто нажимаю F12, чтобы открыть консоль отладки, щелкните в верхнем левом углу, чтобы «Выберите элемент» и укажите на него в браузере
Ник

это хорошо, поскольку не требует установки программного обеспечения, просто откройте свое изображение в браузере или перетащите изображение в браузер
stom

2

ColorPic - это бесплатное приложение для Windows, которое хорошо подходит для выбора цветов. У них также есть платный, но я считаю, что халява работает для простых вещей просто отлично.


1

Я использую Pixlr, потому что это веб-интерфейс, поэтому он быстрый и простой в использовании везде, где поддерживается Flash.



1

Я использовал для захвата цветов HTML с помощью утилиты Color Cop . В отличие от большинства альтернатив, он позволяет мне захватывать, и после этого перемещать мышь, сохраняя захваченный цвет, позволяет позже использовать Ctrl + C.


0

Я рекомендую Nattyware Pixie. Крошечный (до 10КБ), бесплатный, портативный. И намного проще, чем Windows Paint. О, и это было всегда .

http://www.nattyware.com/pixie.php


Я не знаю, почему это было понижено. Вы идете вверх
Сунил Кумар

Я не думаю, что это работает на современных экранах с масштабированием экрана (с высоким DPI). Не могу рекомендовать этот инструмент.
user643011

@ user643011, ты не думаешь, что это работает? На самом деле его тестирование и подтверждение этого утверждения будет более полезным для наших коллег.
mach128x

1
@ mach128x: это не работает.
user643011

0

Вы можете выбрать цвет из изображения легко онлайн с помощью этого сайта:

Онлайн-палитра цветов

Просто загрузите любое изображение с любого устройства, и отобразится цветной шестнадцатеричный код у курсора.


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

0

Много ответов уже опубликовано. Я также добавлю этот ответ.

Шаг 1: захват экрана

Шаг 2: перейдите на imagecolorpick.com

Шаг 3: Загрузить изображение

Шаг 4: переместите курсор, чтобы выбрать цвет с изображения

Кроме того, ImageColorPick отображает значения цвета Hex, RGB, CMYK и HSL.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.