Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Niezależnie od tego, czy projektujesz strony internetowe i aplikacje, przekazujesz emocje, budujesz markę, czy poprawiasz doświadczenia użytkowników, kolory z pewnością odgrywają kluczową rolę. Jednak znalezienie odpowiedniego koloru lub kombinacji kolorów jest łatwiejsze do powiedzenia niż do zrobienia. Na szczęście mamy do dyspozycji narzędzia umożliwiające identyfikację konkretnych kolorów w aplikacji lub witrynie internetowej, dzięki czemu możemy wybrać i zapisać kolory, które przykuły naszą uwagę.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Wyobraź sobie, że przeglądasz stronę internetową i znajdujesz idealny kolor, dokładnie taki odcień, jakiego potrzebujesz do swojego następnego projektu. W takim razie pomożemy Ci znaleźć dokładny kolor tła lub innych elementów strony internetowej lub aplikacji.

1. Znajdź kod koloru HEX na stronach internetowych za pomocą narzędzi internetowych lub stron internetowych

Jednym z najprostszych sposobów uzyskania kodu koloru ze strony internetowej jest użycie dedykowanych narzędzi internetowych i witryn z próbnikami kolorów. Bez względu na to, jakiej przeglądarki używasz, czy to oparta na Chromium , z głęboką kompatybilnością z siecią , czy domyślna przeglądarka Safari firmy Apple, ta metoda ma zastosowanie.

Co więcej, niezależnie od tego, czy używasz komputera Mac, laptopa z systemem Windows, iPhone'a, iPada czy urządzenia z systemem Android, te narzędzia internetowe do identyfikacji kolorów będą przydatnym dodatkiem do Twojego arsenału. Przetestowaliśmy kilka opcji i oto ta, która najbardziej nam odpowiada.

Krok 1 : Otwórz przeglądarkę i przejdź do ImageColorPicker.com

Wybór koloru obrazu

Krok 2 : Kliknij/stuknij Użyj swojego obrazu, aby podać adres URL witryny/obrazu lub przesłać obraz.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Krok 3 : Teraz możesz:

  • Skopiuj adres strony internetowej
  • Skopiuj obraz lub jego adres URL
  • Zrób zrzut ekranu strony

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Krok 4 : Po przetworzeniu obrazu możesz poruszać kursorem, aby wybrać kolor.

Krok 5 : Odpowiednio zobaczysz kod HEX lub RGB, skopiuj/wklej i użyj ich w razie potrzeby.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Jeśli nie podoba Ci się witryna ImageColorPicker.com lub chcesz mieć więcej opcji, możesz wypróbować następujące witryny.

Próbnik kolorów RedKetchup

Kody kolorów HTML

Narzędzia sosnowe

Jednak w przeciwieństwie do ImageColorPicker te witryny nie obsługują adresów URL witryn ani obrazów. Polegają na tym, że przesyłasz zdjęcia. Musisz więc zrobić zrzuty ekranu, przesłać je, a następnie znaleźć kolor.

2. Wybierz kolor ze strony internetowej za pomocą oprogramowania do edycji zdjęć

Jeśli korzystasz z narzędzia do edycji zdjęć, nie musisz szukać dalej. Niezależnie od tego, czy jest to zaawansowane oprogramowanie do edycji zdjęć, takie jak Photoshop, czy narzędzia internetowe, takie jak Canva, większość programów do edycji zdjęć jest wyposażona w poręczne narzędzie do wybierania kolorów/kropli do oczu, w tym Quick Look na komputerze Mac i edytor zrzutów ekranu na iPhone'a .

Jednak nie wszystkie mogą pomóc w uzyskaniu kodu koloru ze strony internetowej lub aplikacji. Pozwolą Ci wybrać i użyć koloru w swoim oknie. Jeśli Ci to odpowiada, śmiało użyj wybranego narzędzia do edycji zdjęć, aby zidentyfikować określone kolory. Jako przykład bierzemy Canvę .

Krok 1 : Zrób zrzut ekranu strony internetowej lub aplikacji.

Krok 2 : Otwórz Canva w przeglądarce (lub aplikacji na urządzeniu mobilnym).

Krok 3 : Wybierz płótno i prześlij obraz.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Krok 4 : Następnie otwórz dowolne narzędzie związane z kolorami, tekstem, rysunkiem, elementami itp.

Krok 5 : Wybierz pole koloru, a następnie kliknij ikonę „+ Dodaj nowy kolor”.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Krok 6 : Przewiń do koloru i kliknij/dotknij, aby wybrać żądany kolor.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

3. Użyj Próbnika kolorów w przeglądarce Firefox, aby znaleźć kolor na dowolnej stronie internetowej

Oprócz oprogramowania do edycji zdjęć przeglądarka Firefox ma także wbudowane narzędzie do zakraplania. Chociaż jest trochę ukryty, więc odkryjmy hack.

Krok 1 : Uruchom przeglądarkę Firefox i otwórz witrynę, z której chcesz wybrać kolor.

Krok 2 : Kliknij ikonę z trzema liniami w prawym górnym rogu

Krok 3 : Wybierz Więcej narzędzi, a następnie Kroplomierz.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Krok 4 : Teraz po prostu przesuń kursor na kolor, który chcesz zidentyfikować, Firefox natychmiast znajdzie szesnastkowy kod koloru i zaprezentuje go.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Krok 5 : W szczególności Kroplomierz będzie nadal sprawdzał i dostarczał kody kolorów, aż do momentu wyjścia. Aby zamknąć narzędzie, wystarczy kliknąć w dowolnym miejscu ekranu.

Podobnie jak Firefox, nawet Chrome ma narzędzia programistyczne, które mogą pomóc Ci zidentyfikować określone kolory na stronie internetowej. Jednakże jest pewien haczyk; Dowiedzmy Się.

4. Użyj Narzędzi programistycznych Chrome, aby wybrać kolory

Narzędzie do wybierania kolorów w przeglądarce Google Chrome jest dość ograniczone. Trik ten pozwala jedynie rozpoznać kolory elementów zakodowanych na stronie, czyli kolory wymienione w kodach. Dlatego nie można uzyskać żadnych informacji związanych z kolorami importowanych elementów, takich jak logo, obrazy itp.

Krok 1 : Uruchom przeglądarkę Chrome i otwórz witrynę, z której chcesz wybrać kolor.

Krok 2 : Następnie kliknij ikonę z trzema kropkami w prawym górnym rogu.

Krok 3 : Wybierz opcję Więcej narzędzi, a następnie Narzędzia programistyczne.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

Uwaga : Twój ekran zostanie wizualnie podzielony na dwie strony. Po lewej stronie zobaczysz witrynę, a po prawej jej kod.

Krok 4 : Aby wybrać kolor ze strony internetowej, wpisz Ctrl + Shift + C i przesuń kursor na kolor, który chcesz wybrać.

Krok 5 : Możesz teraz wyświetlić kod koloru tła, tekstu lub elementu.

Jak rozpoznać konkretny kolor w aplikacji lub witrynie internetowej

5. Użyj rozszerzeń przeglądarki, aby znaleźć kod szesnastkowy koloru na stronach internetowych

Rozszerzenia przeglądarki mogą nie tylko zwiększyć Twoją produktywność, ale także sprawić, że identyfikacja kolorów stanie się jeszcze wygodniejsza. Na szczęście najpopularniejsze przeglądarki, w tym Chrome i Firefox, mają takie rozszerzenia w swoim arsenale.

Rozszerzenie Chrome umożliwiające identyfikację koloru

Próbnik kolorów szesnastkowych

Zakraplacz do oczu

Zakraplacz koloru

Rozszerzenie Firefoksa umożliwiające identyfikację koloru

KolorZilla

Kroplomierz Colorpick

Po dodaniu żądanego rozszerzenia do przeglądarki reszta jest dziecinnie prosta. Otwórz stronę → wybierz rozszerzenie z paska menu → przesuń kursor na kolor → pobierz kod koloru.

Wybierz swój kolor

Niezależnie od tego, czy jesteś projektantem, programistą, czy osobą interesującą się napotkanym kolorem, rozpoznawanie konkretnych kolorów w aplikacji lub witrynie internetowej jest przydatną umiejętnością. Dlatego omówiliśmy wiele metod i narzędzi, które pomogą Ci znaleźć nieuchwytny kod koloru lub nazwę koloru.

Mam nadzieję, że możemy Ci służyć. Jeśli potrzebujesz więcej takich hacków lub sugestii lub potrzebujesz odpowiedzi na zagadkowe pytania związane z technologią, sekcja komentarzy jest zawsze otwarta.



Leave a Comment

Jak usunąć wiadomości w Viberze

Jak usunąć wiadomości w Viberze

Usuń bałagan i zachowaj prywatność w Viber bezproblemowo, korzystając z tego przewodnika krok po kroku wyjaśniającego, jak usuwać wiadomości w Viber.

7 sposobów, aby naprawić brak oglądania w serwisie Netflix

7 sposobów, aby naprawić brak oglądania w serwisie Netflix

Czy karta Kontynuuj oglądanie nie wyświetla się w serwisie Netflix? Dowiedz się, jak to naprawić, korzystając z całej wygody, jaką zapewnia okienko Kontynuuj oglądanie.

Jak włączyć lub wyłączyć kompleksowe szyfrowanie dla kopii zapasowej czatu WhatsApp

Jak włączyć lub wyłączyć kompleksowe szyfrowanie dla kopii zapasowej czatu WhatsApp

Zabezpiecz swoje rozmowy za pomocą prostych kroków. Dowiedz się, jak bez wysiłku włączyć lub wyłączyć kompleksowe szyfrowanie kopii zapasowych czatów WhatsApp.

Co to jest weryfikacja klucza kontaktu w iMessage i jak z niej korzystać

Co to jest weryfikacja klucza kontaktu w iMessage i jak z niej korzystać

Nigdy więcej nie martw się o to, z kim rozmawiasz w iMessage! Dowiedz się, czym jest weryfikacja klucza kontaktu w iMessage i jak z niej korzystać.

9 sposobów na naprawienie niedziałającego wykrywania nadgarstka Apple Watch

9 sposobów na naprawienie niedziałającego wykrywania nadgarstka Apple Watch

Nie możesz skorzystać z funkcji wykrywania nadgarstka? Oto 9 sposobów naprawienia problemu z niedziałającym wykrywaniem nadgarstka Apple Watch.

7 najlepszych poprawek dotyczących wyszukiwania poczty w programie Outlook, które nie działa na komputerze Mac

7 najlepszych poprawek dotyczących wyszukiwania poczty w programie Outlook, które nie działa na komputerze Mac

Jeśli funkcja wyszukiwania poczty nie działa w aplikacji Outlook na komputerze Mac, oto kilka niezawodnych rozwiązań pozwalających pozbyć się tego problemu.

7 najlepszych sposobów na naprawienie powiadomień z Facebook Messengera, które nie znikają

7 najlepszych sposobów na naprawienie powiadomień z Facebook Messengera, które nie znikają

Powiadomienie na Facebooku Messenger nie zniknie nawet po przeczytaniu wiadomości? Oto kilka sposobów rozwiązania problemu.

Co to są potwierdzenia odczytu telegramu i czy można je wyłączyć

Co to są potwierdzenia odczytu telegramu i czy można je wyłączyć

Przyjrzyjmy się szczegółowo, czym są potwierdzenia odczytu Telegramu i czy możesz wyłączyć tę funkcję w aplikacji Telegram.

8 najlepszych porad i wskazówek dotyczących Google Pixel 8 i 8 Pro

8 najlepszych porad i wskazówek dotyczących Google Pixel 8 i 8 Pro

Kupujesz sobie zupełnie nowego Pixela? Sprawdź naszą listę najlepszych wskazówek i trików dotyczących Google Pixel 8 i Pixel 8 Pro, dzięki którym zwiększysz swoje wrażenia.

Dlaczego mój Apple TV się nie włącza i jak to naprawić

Dlaczego mój Apple TV się nie włącza i jak to naprawić

Apple TV nie włącza się? Przyjrzyjmy się 6 sposobom, które pomogą Ci rozwiązać ten problem i przywrócić działanie Apple TV.