Cyfrowy świat przekłada otaczające nas kolory na proste kombinacje liter i cyfr. Aby uzyskać dowolny kolor, wystarczy pobrać jego kod i można go odtworzyć.
Czy podczas przeglądania sieci zauważasz jakiś konkretny kolor? A może potrzebujesz konkretnego odcienia w swoim projekcie, aby wszystko było spójne? Oto jak uzyskać kod RGB lub HEX dowolnego piksela na ekranie.
Określ wartość RGB lub HEX koloru na ekranie
Identyfikacja wartości kolorów RGB lub HEX na ekranie nie wymaga fachowego oka ani drogiego narzędzia. Na komputerze istnieje kilka prostych sposobów na uzyskanie kodu koloru.
Użyj aplikacji komputerowej
Pierwszym sposobem na uzyskanie dowolnego koloru z ekranu jest skorzystanie z aplikacji komputerowej. Ta aplikacja może być już zainstalowana na Twoim komputerze.
Instant Dropper dla Windows
Jeśli potrzebujesz często otrzymywać kody kolorów, posiadanie prostego narzędzia pod ręką ułatwi Ci życie. Instant Eyedropper to obecnie bezpłatna aplikacja przeznaczona wyłącznie dla systemu Windows.
Po zainstalowaniu będziesz mógł uzyskać do niego dostęp z zasobnika systemowego. Wystarczy nacisnąć i przytrzymać lewy przycisk myszy na wybranym kolorze, a następnie go zwolnić. Aplikacja natychmiast skopiuje kod koloru do schowka i możesz go wkleić do dowolnego programu. Instant Dropper działa na Windows XP-10.
Cyfrowy miernik koloru dla komputerów Mac
Digital Color Meter to podobne narzędzie, które jest preinstalowane na urządzeniach Mac. Otwórz folder Aplikacje i poszukaj Narzędzia. Narzędzie Digital Color Meter powinno tam być.
Po uruchomieniu tej aplikacji kursor zmieni się w zakraplacz, za pomocą którego możesz wybrać dowolny kolor z ekranu. Aplikacja domyślnie wyświetla wartości RGB. Możesz je skopiować i przekonwertować na HEX później lub dostosować ustawienia, 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ż wiele zaawansowanych funkcji, które doceni każdy projektant stron internetowych. Możesz łatwo edytować kolory, organizować je w palety i zmieniać ich formaty zgodnie z własnymi potrzebami.
Niestety SIP nie jest darmowym narzędziem, ale oferuje bezpłatną wersję próbną. Możesz go wypróbować, aby sprawdzić, czy dodatkowe funkcje są warte Twoich pieniędzy.
Zaletą tych aplikacji komputerowych jest to, że mogą przechwytywać kolory z prawie każdej części ekranu. Poniższe narzędzia przeglądarki mogą to robić tylko na stronach internetowych. Oczywiście możesz obejść to ograniczenie, przesyłając zdjęcie lub zrzut ekranu do wyświetlenia w przeglądarce.
Użyj swojej przeglądarki
Kolejnym łatwym sposobem na uzyskanie koloru kodu RGB lub HEX jest po prostu użycie wbudowanych narzędzi przeglądarki. Będziesz mógł wybrać kolory tylko z istniejącej strony internetowej, ale możesz do tego użyć zarówno przeglądarki Firefox, jak i Chrome.
Oto, gdzie znaleźć selektor kolorów Firefox:
- Uruchom Firefoksa i otwórz witrynę, z której chcesz wyodrębnić kod koloru.
- Kliknij menu przeglądarki (trzy poziome linie) w prawym górnym rogu.
- Znajdź Narzędzia dla programistów internetowych wśród opcji. Może znajdować się w sekcji „Dodatkowe narzędzia”.
- Na dole strony otworzy się okno. Znajdź ikonę zakraplacza, aby jednym kliknięciem skopiować kody kolorów.
Kroki są podobne w Chrome:
- Uruchom Chrome i otwórz żądaną witrynę.
- Kliknij menu (trzy pionowe kropki) w prawym górnym rogu i znajdź „Narzędzia dla programistów” w „Więcej narzędzi”.
- Po prawej stronie otworzy się okno. Znajdź i kliknij „Style” w drugiej sekcji.
- Pod „ciałem” zobaczysz kilka kolorowych prostokątów. Kliknij dowolny z nich, aby aktywować próbnik kolorów.
Rada. 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 również użyć przydatnych rozszerzeń przeglądarki, aby wybrać dowolny kolor na stronie internetowej. Sprawdź następujące rozszerzenia, z których wszystkie wykonują swoją pracę:
Skorzystaj ze strony internetowej
Niekoniecznie potrzebujesz aplikacji lub rozszerzenia, aby określić kod RGB lub HEX dla koloru. Jeśli masz konkretny obraz, z którego chcesz uzyskać kolor, możesz również skorzystać ze strony internetowej. Niezliczone strony internetowe pozwalają załadować zdjęcie, wyodrębnić kod koloru, a nawet stworzyć harmonijną paletę.
Próbnik kolorów obrazu PineTools
Znajdź selektor kolorów obrazu w witrynie PineTools i prześlij swój obraz. W razie potrzeby powiększ, aby znaleźć piksel, który chcesz przechwycić. Jednym kliknięciem otrzymasz wartości RGB i kod szesnastkowy.
Wybór koloru obrazu
Witryna Image Color Picker oferuje kilka innych opcji oprócz przesyłania obrazu. Kliknij „Użyj swojego obrazu” i wybierz, gdzie chcesz zaimportować obraz. Możesz kliknąć dowolną część obrazu, aby wybrać określony kolor, ale witryna oferuje również paletę kolorów opartą na obrazie.
Wyszukiwanie kolorów obrazu
Oprócz tego, że jest prostym próbnikiem kolorów, wyszukiwarka kolorów obrazu może również działać jako narzędzie twórcze. Możesz pikselować przesłany obraz, aby lepiej widzieć jego kolory i powiększyć go tak bardzo, jak chcesz. Strona automatycznie sugeruje również kilka kolorów.
Zrób zrzut ekranu
Wreszcie, możesz określić kod koloru bez wszystkich narzędzi wymienionych powyżej. Zamiast tego zrobisz zrzut ekranu i wybierzesz stamtąd kolor.
- Upewnij się, że kolor, który chcesz wybrać, jest widoczny na ekranie.
- Zrób zrzut ekranu, naciskając przycisk Print Screen na klawiaturze (PrntScr, PrtScn itp.) w systemie Windows lub jednocześnie naciskając i przytrzymując „Shift + Command + 3” na komputerze Mac. Twój zrzut ekranu zostanie automatycznie skopiowany do schowka. Wskazówka: możesz także przechwycić tylko część ekranu. W systemie Windows otwórz narzędzie do wycinania z menu Start. Na komputerze Mac użyj skrótu klawiaturowego „Shift + Command + 4”.
- Otwórz MS Paint (lub dowolną inną aplikację do obrazowania) i wklej zrzut ekranu.
- Znajdź narzędzie zakraplacz i wybierz kolor.
- Kliknij „Edytuj kolory” obok palety kolorów w MS Paint. Poniżej suwaka zobaczysz wartości RGB bieżącego koloru. Aby przekonwertować te liczby na kod szesnastkowy, będziesz potrzebować pomocy witryny.
- Przejdź do RGB na HEX i wprowadź wartości w odpowiednich polach.
- Kliknij „Konwertuj na szesnastkowy”, a otrzymasz swój kod.
Dodatkowe często zadawane pytania
Jaka jest różnica między RGB a HEX? Czego potrzebuję?
Kody RGB i HEX wyrażają te same kolory. Jednak kod, którego potrzebujesz, zależy od jego przeznaczenia. Kody RGB informują ekran, ile czerwonego, zielonego i niebieskiego światła ma wyemitować, aby uzyskać żądany kolor. Kody HEX przekazują te same informacje, ale w języku kodowania.
Projektant lub programista najprawdopodobniej będzie potrzebować kolorowych kodów HEX.
Jak określić kolor na urządzeniu mobilnym?
Aby wybrać kolor na ekranie urządzenia mobilnego, możesz pobrać aplikację lub skorzystać z jednej z wyżej wymienionych stron internetowych. Narzędzie do oznaczania ma również selektor kolorów dla systemu iOS. Może również podać kod HEX koloru.
Uzyskaj dowolny kolor, który widzisz za pomocą jednego kliknięcia
Zastosowanie kodów kolorów RGB lub HEX zapewnia brak możliwości popełnienia błędu. Dzięki tym uniwersalnym językom kolorów możesz zachować spójność projektów w tych samych odcieniach. Ponieważ istnieje wiele sposobów na wyodrębnienie kodu koloru na ekranie, wystarczy znaleźć dla siebie najłatwiejszy sposób.
Który selektor kolorów wolisz? A może masz inną niezawodną metodę do dodania? Daj nam znać poniżej.
Dodaj komentarz