Kolory są identyfikowane w HTML i CSS za pomocą ich kodów szesnastkowych. Jeśli tworzysz stronę internetową lub inny projekt HTML i chcesz dołączyć element pasujący do określonego koloru do obrazu, witryny internetowej lub okna na ekranie komputera, musisz znaleźć kod szesnastkowy koloru. Ta wikiHow uczy, jak korzystać z różnych bezpłatnych narzędzi, aby szybko zidentyfikować kod szesnastkowy dowolnego koloru.
Kroki
Metoda 1 z 4: Korzystanie z cyfrowego miernika kolorów na komputerze Mac
Krok 1. Otwórz cyfrowy miernik kolorów na komputerze Mac
To narzędzie, które jest dostarczane z systemem macOS, może zidentyfikować wartość koloru dowolnego koloru na ekranie. Otwórz Finder, kliknij dwukrotnie Aplikacje folderu, kliknij dwukrotnie Narzędzia folder, a następnie kliknij dwukrotnie Cyfrowy miernik koloru by go otworzyć.
Krok 2. Przesuń kursor myszy na kolor, który chcesz zidentyfikować
Gdy poruszasz myszą, wartości w narzędziu będą aktualizowane w czasie rzeczywistym. Nie ruszaj myszką z tego miejsca, dopóki nie zablokujesz otworów poziomych i pionowych.
Możesz również użyć tego narzędzia do identyfikacji kolorów w Internecie. Po prostu otwórz Safari (lub preferowaną przeglądarkę) i przejdź do witryny internetowej zawierającej kolor, który chcesz zidentyfikować
Krok 3. Naciśnij klawisze ⌘ Command+L
Powoduje to zablokowanie zarówno poziomych, jak i pionowych otworów, co oznacza, że wartość koloru nie zmieni się podczas poruszania myszą.
Krok 4. Naciśnij ⇧ Shift + ⌘ Command + C, aby skopiować kod szesnastkowy do schowka
Możesz również skopiować kod szesnastkowy, klikając Kolor menu i wybór Kopiuj kolor jako tekst.
Krok 5. Naciśnij klawisze ⌘ Command + V, aby wkleić skopiowany kod
Możesz wkleić go bezpośrednio do kodu HTML, pliku tekstowego lub dowolnego innego obszaru pisania.
Krok 6. Naciśnij klawisze ⌘ Command+L, aby odblokować otwory
Jeśli chcesz zidentyfikować inny kolor, zwalnia to blokadę, dzięki czemu kursor ponownie działa jako identyfikator wartości koloru.
Metoda 2 z 4: Korzystanie z Color Cop w systemie Windows
Krok 1. Zainstaluj kolorową policjantkę
Color Cop to małe, bezpłatne narzędzie, za pomocą którego można szybko zidentyfikować kod szesnastkowy dowolnego koloru na ekranie. Oto jak zdobyć aplikację:
- Przejdź do https://colorcop.net/download w przeglądarce internetowej.
- Kliknij colorcop-setup.exe w sekcji „samoinstalacja”. Jeśli plik nie zostanie pobrany automatycznie, kliknij Zapisać lub ok aby rozpocząć pobieranie.
- Kliknij dwukrotnie pobrany plik (znajduje się w Pliki do pobrania i zwykle w lewym dolnym rogu karty przeglądarki).
- Postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby zainstalować aplikację.
Krok 2. Otwórz kolorową policjantkę
Znajdziesz go w menu Start.
Krok 3. Przeciągnij ikonę kroplomierza na kolor, który chcesz zidentyfikować
Możesz zidentyfikować dowolny kolor na ekranie, w tym w innych aplikacjach i na stronach internetowych.
Krok 4. Puść przycisk myszy, aby odsłonić kod szesnastkowy
Kod pojawi się w pustym miejscu w środku aplikacji.
Krok 5. Kliknij dwukrotnie kod szesnastkowy i naciśnij Ctrl + C
Spowoduje to skopiowanie kodu szesnastkowego do schowka.
Krok 6. Wklej kod tam, gdzie go potrzebujesz
Możesz użyć Ctrl + V aby wkleić kod szesnastkowy w dowolnym miejscu, na przykład w kodzie HTML lub CSS.
Metoda 3 z 4: Korzystanie z Imagecolorpicker.com
Krok 1. Przejdź do https://imagecolorpicker.com na swoim komputerze, telefonie lub tablecie
Możesz użyć tego bezpłatnego narzędzia do identyfikacji kodu szesnastkowego dowolnego koloru w przesłanym obrazie. Ta metoda będzie działać w dowolnej przeglądarce internetowej, w tym w Androidzie, iPhonie lub iPadzie.
Krok 2. Prześlij obraz lub wprowadź adres URL
Musisz zdecydować, czy chcesz przesłać własny obraz, czy użyć obrazu lub strony internetowej już online. Każda metoda może być użyta do wyświetlenia obrazu lub strony internetowej, aby wybrać żądany kolor.
- Aby przesłać obraz, przewiń w dół i wybierz Prześlij swój obraz, przejdź do obrazu na komputerze, telefonie lub tablecie i wybierz opcję przesłania go.
- Aby skorzystać z witryny internetowej, przewiń w dół do opcji „Użyj tego pola, aby uzyskać kod koloru HTML z witryny internetowej”, wprowadź adres URL, a następnie kliknij lub naciśnij Weź stronę internetową.
- Aby wybrać bezpośredni obraz w sieci zamiast całej witryny, wprowadź adres URL obrazu w polu „Użyj tego pola, aby uzyskać kod koloru HTML z obrazu za pośrednictwem tego adresu URL”, a następnie kliknij lub dotknij Zrób zdjęcie.
Krok 3. Kliknij lub naciśnij żądany kolor w podglądzie obrazu/strony
Spowoduje to wyświetlenie kodu szesnastkowego koloru w lewym dolnym rogu ekranu.
Krok 4. Kliknij lub naciśnij ikonę kopiowania, aby skopiować kod szesnastkowy do schowka
Są to dwa nakładające się kwadraty po prawej stronie kodu szesnastkowego. Następnie możesz wkleić go do dowolnego pliku tekstowego lub obszaru pisania.
Metoda 4 z 4: Korzystanie z przeglądarki Firefox (dla kolorów w Internecie)
Krok 1. Otwórz Firefoksa na komputerze PC lub Mac
Przeglądarka internetowa Firefox jest dostarczana z bezpłatnym narzędziem Kroplomierz, za pomocą którego można zidentyfikować kod szesnastkowy dowolnego koloru w Internecie. Jeśli masz Firefoksa, znajdziesz go w menu Start (Windows) lub w folderze Aplikacje (macOS).
- Możesz pobrać Firefoksa za darmo ze strony
- Firefox poda tylko wartość koloru na stronie internetowej. Nie możesz go używać poza przeglądarką.
Krok 2. Przejdź do strony internetowej zawierającej kolor, który chcesz zidentyfikować
Upewnij się, że element, dla którego potrzebujesz koloru, jest widoczny.
Krok 3. Kliknij menu ☰
To trzy poziome linie w prawym górnym rogu Firefoksa.
Krok 4. Kliknij menu Web Developer
Kolejne menu się rozwinie.
Krok 5. Kliknij Kroplomierz
Kursor myszy zmieni się w duże koło.
Krok 6. Kliknij kolor, który chcesz zidentyfikować
Zauważysz, że wartość szesnastkowa kolorów aktualizuje się na żywo, gdy przesuniesz mysz do lokalizacji. Po kliknięciu myszą Firefox zapisze kod szesnastkowy w schowku.
Krok 7. Wklej kod tam, gdzie go potrzebujesz
Możesz użyć Kontrola + V (PC) lub Polecenie + V (Mac), aby wkleić kod szesnastkowy do pliku HTML, CSS lub dowolnego innego typu pliku tekstowego.
Porady
- Istnieją inne strony internetowe, rozszerzenia przeglądarki i programy do edycji obrazów, które również umożliwiają użycie selektora kolorów do ujawnienia kodu szesnastkowego odcienia.
- Jeśli wiesz, kto utworzył stronę internetową w kolorze, który próbujesz dopasować, zawsze możesz zapytać, jakiego kodu szesnastkowego użyli. Alternatywnie możesz zagłębić się w kod źródłowy witryny, aby znaleźć wymieniony tam kod szesnastkowy.