Jak rozpoznać kolor na ekranie komputera

Cyfrowy świat przekłada otaczające nas kolory na proste kombinacje liter i cyfr. Aby wyrwać dowolny kolor, wystarczy zdobyć jego kod, a będziesz mógł go powielić.

Czy podczas przeglądania sieci wpadł Ci w oko jakiś konkretny kolor? A może potrzebujesz użyć określonego odcienia w swoim projekcie, aby zachować spójność? Oto jak pobrać kod RGB lub HEX dowolnego piksela na ekranie.

Zidentyfikuj wartość RGB lub HEX koloru na ekranie

Identyfikacja wartości RGB lub HEX koloru na ekranie nie wymaga specjalistycznego oka ani drogiego narzędzia. Na PC istnieje wiele łatwych sposobów uzyskania kodu koloru.

Użyj aplikacji komputerowej

Pierwszym sposobem pobrania dowolnego koloru z ekranu jest użycie aplikacji komputerowej. Być może masz już tę aplikację na swoim komputerze.

Natychmiastowy zakraplacz dla systemu Windows

Jeśli musisz często pobierać kody kolorów, posiadanie prostego narzędzia pod ręką ułatwi Ci życie. Instant Eyedropper to od teraz bezpłatna aplikacja przeznaczona wyłącznie dla systemu Windows.

Po zainstalowaniu będziesz mieć do niego dostęp z zasobnika systemowego. Po prostu naciśnij i przytrzymaj lewy przycisk myszy na wybranym kolorze, a następnie zwolnij go. Aplikacja natychmiast skopiuje kod koloru do schowka i możesz go wkleić do dowolnego programu. Natychmiastowy zakraplacz działa w systemie Windows XP-10.

Cyfrowy miernik koloru dla komputerów Mac

Digital Color Meter to podobne narzędzie preinstalowane na urządzeniach Mac. Otwórz folder Aplikacje i znajdź Narzędzia. Narzędzie Digital Color Meter powinno być właśnie tam.

Uruchomienie tej aplikacji zmieni kursor w zakraplacz, którego możesz użyć do pobrania dowolnego koloru z ekranu. Aplikacja domyślnie wyświetli wartości RGB. Możesz je skopiować i później przekonwertować na HEX lub dostosować opcje, aby uzyskać dokładnie taki kolor, jaki chcesz.

SIP dla komputerów Mac

Jeśli potrzebujesz bardziej zaawansowanego narzędzia, możesz zajrzeć do SIP, dostępnego dla komputerów Mac. SIP to coś więcej niż próbnik kolorów. Oferuje również mnóstwo zaawansowanych funkcji, które doceni każdy projektant stron internetowych. Możesz łatwo edytować swoje kolory, organizować je w palety i zmieniać ich formaty, aby dostosować je do swoich potrzeb.

Niestety, SIP nie jest darmowym narzędziem, ale oferuje bezpłatną wersję próbną. Możesz spróbować, aby zobaczyć, czy dodatkowe funkcje są warte twoich pieniędzy.

Zaletą tych aplikacji komputerowych jest to, że mogą pobierać kolory z praktycznie dowolnej części ekranu. Poniższe narzędzia przeglądarki mogą to zrobić tylko na stronach internetowych. Oczywiście możesz ominąć to ograniczenie, przesyłając zdjęcie lub zrzut ekranu, aby wyświetlić je w przeglądarce.

Użyj swojej przeglądarki

Poniższy prosty sposób na uzyskanie koloru kodu RGB lub HEX polega po prostu na użyciu wbudowanych narzędzi przeglądarki. Będziesz mógł wybrać kolory tylko ze strony internetowej, ale możesz do tego użyć zarówno przeglądarki Firefox, jak i Chrome.

Oto, gdzie znaleźć narzędzie do wybierania kolorów Firefoksa:

1. Uruchom przeglądarkę Firefox i otwórz stronę internetową, z której chcesz wyodrębnić kod koloru.
   
2. Kliknij menu przeglądarki (trzy poziome kreski) w prawym górnym rogu.
   
3. Znajdź Narzędzia dla programistów sieci Web wśród opcji. Może znajdować się w sekcji „Więcej narzędzi”.
   
   
4. U dołu strony otworzy się okno. Znajdź ikonę zakraplacza, a jednym kliknięciem będziesz mógł kopiować kody kolorów.
   

Kroki są podobne w Chrome:

1. Uruchom Chrome i otwórz żądaną witrynę.
   
   
2. Kliknij menu (trzy pionowe kropki) w prawym górnym rogu i znajdź „Narzędzia dla programistów” w „Więcej narzędzi”.
   
3. Po prawej stronie strony otworzy się okno. Znajdź i kliknij „Style” w drugiej sekcji.
   
4. Pod „ciałem” zobaczysz kilka kolorowych pudełek. Kliknij dowolny z nich, aby aktywować próbnik kolorów.
   

Wskazówka: możesz także otworzyć narzędzia programistyczne w obu przeglądarkach, klikając prawym przyciskiem myszy dowolną stronę i wybierając „Sprawdź”.

Użyj rozszerzenia przeglądarki

Oprócz narzędzi programistycznych możesz także użyć przydatnych rozszerzeń przeglądarki, aby wybrać dowolny kolor ze strony internetowej. Sprawdź następujące rozszerzenia, które wszystkie wykonują zadanie:

• ColorZilla
  
• Kroplomierz ColorPick
  
• Zakraplacz do oczu
  

Skorzystaj ze strony internetowej

Niekoniecznie potrzebujesz aplikacji lub rozszerzenia, aby zidentyfikować kod RGB lub HEX koloru. Jeśli masz konkretny obraz, z którego chcesz pobrać kolor, możesz również skorzystać ze strony internetowej. Niezliczone strony internetowe pozwalają załadować zdjęcie, wyodrębnić kod koloru, a nawet wygenerować harmonijną paletę.

Selektor kolorów obrazu PineTools

Znajdź narzędzie Image Color Picker na stronie internetowej PineTools i prześlij swój obraz. W razie potrzeby powiększ, aby znaleźć piksel, który chcesz uchwycić. Otrzymasz wartości RGB i kod HEX jednym kliknięciem.

Selektor kolorów obrazu

Witryna Image Color Picker oferuje kilka innych opcji niż tylko przesyłanie obrazów. Kliknij „Użyj swojego obrazu” i wybierz miejsce, w którym chcesz zaimportować obraz. Możesz kliknąć dowolną część obrazu, aby uzyskać określony kolor, ale witryna sugeruje również paletę kolorów na podstawie obrazu.

Wyszukiwarka kolorów obrazu

Oprócz prostego próbnika kolorów Image Color Finder może również działać jako narzędzie kreatywne. Możesz pikselować przesłany obraz, aby uzyskać lepszy przegląd jego kolorów i powiększyć go tak bardzo, jak chcesz. Witryna automatycznie sugeruje również kilka kolorów.

Zrób zrzut ekranu

Wreszcie, możesz zidentyfikować kod koloru bez wszystkich narzędzi wymienionych powyżej. Zamiast tego zrobisz zrzut ekranu i stamtąd wybierzesz kolor.

1. Upewnij się, że kolor, który chcesz wybrać, jest widoczny na ekranie.
2. Zrób zrzut ekranu, naciskając przycisk Print Screen na klawiaturze (PrntScr, PrtScn itp.) w systemie Windows lub naciskając i przytrzymując jednocześnie „Shift + Command + 3” na komputerze Mac. Twój zrzut ekranu zostanie automatycznie skopiowany do schowka.
   
   Wskazówka: możesz też przechwycić tylko część ekranu. W systemie Windows otwórz narzędzie wycinania z menu Start. Na komputerze Mac użyj skrótu „Shift + Command + 4”.
3. Otwórz MS Paint (lub dowolną inną aplikację do przetwarzania obrazu) i wklej zrzut ekranu.
4. Znajdź narzędzie Kroplomierz i wybierz kolor.
   
5. Kliknij „Edytuj kolory” obok palety kolorów w MS Paint. Pod suwakiem zobaczysz wartości RGB bieżącego koloru.
   Aby zamienić te liczby na kod HEX, będziesz potrzebować pomocy strony internetowej.
6. Przejdź do RGB do HEX i wprowadź wartości w odpowiednich polach.
   
7. Kliknij „Konwertuj na szesnastkowy”, a otrzymasz swój kod.
   

Dodatkowe często zadawane pytania

Jaka jest różnica między RGB a HEX? Którego potrzebuję?

Kody RGB i HEX wyrażają te same kolory. Niemniej jednak kod, którego będziesz potrzebować, zależy od jego przeznaczenia. Kody RGB informują ekran o tym, ile światła czerwonego, zielonego i niebieskiego należy wyemitować, aby uzyskać pożądany kolor. Kody HEX przekazują te same informacje, ale w języku kodowania.

Projektant lub programista najprawdopodobniej będzie potrzebował kodów HEX kolorów.

Jak rozpoznać kolor na urządzeniu mobilnym?

Aby wybrać kolor z ekranu urządzenia mobilnego, możesz pobrać aplikację lub skorzystać z jednej z wyżej wymienionych stron internetowych. W narzędziu znaczników znajduje się również narzędzie Próbnik kolorów dla systemu iOS. Może również podać kod HEX koloru.

Uzyskaj dowolny kolor jednym kliknięciem

Korzystanie z kodów kolorów RGB lub HEX gwarantuje, że nie ma szans na błąd. Dzięki tym uniwersalnym językom kolorów możesz zachować spójność swoich projektów w tych samych odcieniach. Ponieważ istnieje wiele sposobów wyodrębnienia kodu koloru z ekranu, wystarczy znaleźć najłatwiejszą metodę.

Które narzędzie do wybierania kolorów wolisz? A może masz inną zaufaną metodę do dodania? Daj nam znać poniżej.