Jak wybrać kolor z obrazu


72

Jak mogę wybrać kolor z obrazu?

Kiedy przesuwam kursor do dowolnego określonego punktu na obrazie, chcę wyświetlić kod szesnastkowy koloru na kursorze. Chciałbym móc to zrobić z wszystkim, co jest wyświetlane na ekranie, nawet jeśli nie jest to obraz, powiedzmy, że pracuję na dowolnej aplikacji Windows mającej różne kolory.

Czy jest na to sposób?


1
Stwierdziłem, że wiele dostępnych selektorów kolorów nie działa dobrze w systemie Windows 10 i wysokiej rozdzielczości, więc stworzyłem własne narzędzie: github.com/Bluegrams/Colora
alnnull

Odpowiedzi:


91

W systemie Windows jest łatwiejszy sposób, który nie wymaga żadnego oprogramowania.

  1. Zrób zrzut ekranu w pliku obrazu (użyj narzędzia takiego jak Snipping Tool, aby złapać żądany obszar)
  2. Otwórz plik za pomocą MS Paint
  3. Wybierz kolor i wybierz kolor
  4. Naciśnij przycisk „Edytuj kolory”
  5. Masz wartości RGB!

6
Według mnie jest to najlepsze rozwiązanie na liście, ponieważ jest uniwersalne i nie wymaga instalowania żadnego nowego oprogramowania.
Ochado,

14
Powolny i żmudny. Potrzebujemy tylko szybkiego próbnika kolorów ...
Pere,

3
.. i jeśli MS Paint może pokazać i kolor heksadecymalny. :)
Nikola Obreshkov

3
@Ochado Z mojego punktu widzenia nie jest to najlepsze rozwiązanie na liście, ponieważ jest żmudne, wolne i nie wykorzystuje wszechstronnego dostępnego poręcznego oprogramowania.
PHPst

3
Poczekaj, czy domyślne oprogramowanie systemu Windows nie jest wszechstronne ani przydatne?
Aaron Hall,

53

Natychmiastowy Kroplomierz jest dokładnie tym, czego szukałeś.

Jak to działa

  1. Przesuń wskaźnik myszy na ikonę Natychmiastowego kroplomierza w zasobniku systemowym.
    Ikona zasobnika systemowego kroplomierza Instant
  2. Naciśnij i przytrzymaj lewy przycisk myszy i przesuń wskaźnik myszy na piksel, którego kolor chcesz zidentyfikować.
    Narzędzie do natychmiastowego wybierania kolorów Kroplomierz
  3. Zwolnij przycisk myszy.

To tyle . Schowek zawiera teraz kod koloru - w formacie HTML (lub dowolnym innym formacie, który wcześniej określiłeś). Można go wkleić i używać w dowolnym edytorze tekstu lub HTML lub narzędziu Color Picker w Photoshopie.

Zawiera wszystkie opcje, które osobiście chciałem takiego narzędzia.

  • Wzór koloru schowka (Hex i inne)
  • Uruchomienie na pasku zadań
  • Brak kosztów ogólnych i reklam, a to nic nie kosztuje.

Panel opcji natychmiastowego kroplomierza

Działa na Windows XP, Vista, 7, 8, 10 i prawdopodobnie poza tym.


Wyjaśnienie dotyczące wartości zwracanych przez opcję HSB

Zauważ, że format HSB podaje standardowe wartości, którymi są:

  • Barwa: 0–359 stopni
  • Nasycenie: 0-100%
  • Jasność: 0-100%

Niektóre narzędzia, takie jak Paint on Windows, dają nieco inne wartości:

  • Barwa: 0–239
  • Nasycenie: 0–240
  • Luminancja: 0-240

Rozumowanie jest wyjaśnione na blogu Windows .

Teoretyczny zakres odcienia to kąt, znormalizowany tak, aby był większy lub równy 0 ° i ściśle mniejszy niż 360 °. Górna wartość zakresu nie została osiągnięta, ponieważ Barwa ma charakter cykliczny, więc wartość 360 ° odpowiada 0 °. Z drugiej strony nasycenie i luminancja są wartościami zmiennoprzecinkowymi od 0,0 do 1,0 (włącznie).

W systemie Windows zakresy Barwa, Nasycenie i Luminancja są przeskalowywane, tak aby zmieniały się od 0 do 240. Barwa nie dotyczy punktu końcowego (ponieważ 360 ° = 0 °), podczas gdy Nasycenie i Luminancja obejmują punkty końcowe (ponieważ 1.0 jest osiągalne).

Jeśli chcesz używać Kroplomierza w oknach za pomocą narzędzia takiego jak Malowanie, możesz wykonać obliczenia matematyczne ze wskazanymi powyżej stosunkami lub po prostu użyć wartości RGB, gdy tylko jest to możliwe.


2
znacznie lepsze niż wszystkie inne rozwiązania
Georgios Pligoropoulos

2
Doskonały. Mały, prosty i spełnia swoje zadanie. Dzięki.
hajamie 27.04.16

2
Działa to fantastycznie i umożliwia aktywację skrótów klawiaturowych. Świetna oszczędność czasu!
SomeGuy

1
Cudowna malutka aplikacja
Marco Demaio

1
Problem z „monitorami 4K” to prawdopodobnie „problem ze skalowanymi monitorami w Windows 10”. Mam laptopa 1920 * 1080 14 "+ 2 x 1920 * 1080 24-calowe monitory. Działa dobrze na 24 calach @ 100%, ale gubi się na wbudowanym monitorze przy skali 150%
Gerry Coll

9

Jeśli obraz można wyrenderować w przeglądarce, większość z nich ma wbudowane selektory kolorów / kroplomierze:

  • Chrome - DevTools ( F12) -> Elementy -> Style -> kliknij dowolne pole podglądu koloruwprowadź opis zdjęcia tutaj
  • FireFox - to samo co menu Chrome lub Hamburger -> Web Developer -> Kroplomierz wprowadź opis zdjęcia tutaj
  • Internet Explorer - DevTools ( F12) -> DOM Explorer -> Ctrl+ K-> Włącz tryb kroplomierza (najbardziej lewy przycisk)

1
@ fixer1234 gotowe
Ohad Schneider

7

Funkcje, które podobały mi się w Just Color Picker :

  • Jest wolne.
  • Jest przenośny (nie jest wymagana instalacja).
  • Obsługuje wiele formatów kolorów (HTML, RGB, HEX, HSB / HSV, HSL, CMYK i Delphi).
  • Posiada opcje klawiszy skrótu i autokopiowania .

wprowadź opis zdjęcia tutaj


Nie działa dobrze na W7
Marco Demaio

To jest użycie. Działa jak mistrz
Barry Chapman

3

PicPick jest fajny:

Jest to wszechstronny program, który zapewnia w pełni funkcjonalne narzędzie do przechwytywania ekranu, intuicyjny edytor obrazów, próbnik kolorów, paletę kolorów, linijkę pikseli, kątomierz, celownik, a nawet tablicę.


8
FYI - to nie jest wolne ani otwarte źródło
Shital Shah

1
PicPick nie ma darmowej wersji, która jest wyłącznie do użytku osobistego, a nie auto-update. Poza tym jest taki sam jak wersja płatna.
CalvT

2

Lubię używać Colorzilli podczas korzystania z Firefoksa. Wystarczy użyć kroplomierza, aby kliknąć dowolne miejsce na stronie internetowej, w tym obrazy, i zwraca kod RGB i Hex.


8
Chociaż Colorzilla jest dość przydatna, nie jest to rozwiązanie, gdy chcesz wybrać kolor „ w dowolnej aplikacji Windows mającej różne kolory ”.
Emile Bergeron,

1
Zgadzając się z Kevinem, jeśli twój kolor znajduje się na stronie internetowej, nie potrzebujesz rozszerzenia (może to przyspieszyć, jeśli musisz to zrobić wiele razy), ale po prostu nacisnąłem F12, aby otworzyć konsolę debugowania, kliknij lewy górny róg, aby „Wybierz element” i wskaż go w przeglądarce
Nick

to dobrze, ponieważ nie wymaga instalacji oprogramowania, po prostu otwórz obraz w przeglądarce lub przeciągnij i upuść obraz w przeglądarce
stom

2

ColorPic to darmowa aplikacja dla systemu Windows, która dobrze sprawdza się w doborze kolorów. Mają też płatny, ale uważam, że freebie działa na proste rzeczy w porządku.


1

Używam Pixlr ze względu na to, że jest oparty na sieci, więc jest szybki i łatwy w użyciu w dowolnym miejscu, które obsługuje Flash.



1

Kiedyś przechwytywałem kolory HTML za pomocą narzędzia Color Cop . Różni się od większości alternatyw, pozwala mi uchwycić, a następnie przesunąć mysz zachowując przechwycony kolor, pozwala mi później użyć Ctrl + C.


0

Polecam Nattyware Pixie. Mały (poniżej 10 KB), bezpłatny, przenośny. I o wiele łatwiejsze niż trasa Windows Paint. Aha, i jest już od zawsze .

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


Nie wiem, dlaczego został odrzucony. Do góry
Sunil Kumar

Nie sądzę, że działa na nowoczesnych ekranach ze skalowaniem ekranu (wysokie DPI). Nie mogę polecić tego narzędzia.
user643011

@ user643011, „nie sądzisz”, że to działa? Właściwie to testowanie i możliwość potwierdzenia tego oświadczenia byłaby bardziej pomocna dla innych użytkowników.
mach128x

1
@ mach128x: To nie działa.
user643011

0

Korzystając z tej witryny, możesz łatwo wybrać kolor z obrazu online:

Próbnik kolorów obrazu online

Wystarczy załadować dowolny obraz z dowolnego urządzenia, a na kursorze pojawi się kolorowy kod szesnastkowy.


Pytania dotyczą wyboru koloru w dowolnym miejscu na ekranie, nie tylko na obrazie. Usługa online nie może tego bezpośrednio zrobić.
fixer1234,

0

Wiele odpowiedzi już opublikowano. Dodam również tę odpowiedź.

Krok 1: Przechwyć ekran

Krok 2: Przejdź do imagecolorpick.com

Krok 3: Prześlij obraz

Krok 4: Przesuń kursor, aby wybrać kolor z obrazu

Ponadto ImageColorPick wyświetla wartości kolorów Hex, RGB, CMYK i HSL.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.