Kolory odgrywają istotną rolę w przekazywaniu informacji niewerbalnie. Witryna z interaktywnymi kolorami jest uważana za atrakcyjną i atrakcyjną wizualnie. Istnieją różne metody stosowania kolorów dla elementów HTML: RGB, RGBA, HEX Code, HSLA i HSL. Kody kolorów można jednak znaleźć, sprawdzając stronę, wybierając kolory z próbnika kolorów lub korzystając z funkcji zakraplacza z panelu Narzędzia dla programistów.
W tym badaniu omówimy metody znajdowania kodu koloru w HTML
Metoda 1: Znajdź kod koloru w HTML, sprawdzając stronę internetową
Poniżej przedstawiono kroki, aby znaleźć kod koloru, sprawdzając stronę.
Krok 1: Otwórz stronę internetową
Najpierw otwórz wymaganą stronę internetową:
Krok 2: Wybierz opcję Sprawdź
Kliknij prawym przyciskiem myszy na stronie i wybierz „ Sprawdzać ” z menu, która zapewni dostęp do opcji „ Narzędzia deweloperskie ' płyta:
W rezultacie „ Elementy ” zostanie wyświetlona na dole przeglądarki:
Krok 3: Dostosuj miejsce panelu narzędzi dla programistów
Klikając trzy kropki w rogu, możesz wybrać położenie panelu. Na przykład wybraliśmy podświetloną na zielono ikonę. Ponadto rozmiar okna inspekcji można zmieniać, przeciągając jego rogi:
Krok 4: Wybierz element do sprawdzenia
Następnie kliknij podświetloną ikonę, aby wybrać element, który chcesz sprawdzić:
Krok 5: Wybierz element
Najedź kursorem na element, którego kod koloru ma zostać znaleziony i kliknij go. W rezultacie „ Style Zakładka ” otwiera się i wyświetla właściwości stylizacji wybranego elementu, z którego należy wybrać kolor, jak pokazano w podświetlonym na zielono polu:
Krok 6: Wybierz kolor z próbnika kolorów
Skopiuj kod koloru z otwartego okna selektora kolorów:
Poniższy obraz wskazuje, że możemy również wybrać kolory, klikając małe kolorowe pola podświetlone czerwonym kolorem. Natomiast żółte pole reprezentuje wskaźnik, który zmienia się stopniowo, aby zobaczyć kolor wybranego elementu:
Krok 7: Dostosuj krycie koloru
Możesz także dostosować krycie kolorów, jak pokazano na poniższym GIF-ie:
Metoda 2: Znajdź kod koloru w HTML za pomocą funkcji zakraplacza do oczu
Funkcję zakraplacza można również wykorzystać do wybrania dowolnego koloru ze strony internetowej. Ta funkcja jest bardzo przydatna, ponieważ może wybrać kolor z dowolnego miejsca w wyświetlanym oknie.
Uwaga: Funkcja kroplomierza jest reprezentowana przez podświetlone na czerwono pole na poniższym obrazku:
Oto demonstracja działania narzędzia Kroplomierz:
Po wybraniu koloru elementu skopiuj kod koloru i wklej go do CSS swojego projektu.
Wniosek
Istnieją różne metody stosowania kolorów dla elementów HTML: RGB, RGBA, HEX Code, HSLA i HSL. Kody kolorów można znaleźć według „ Dozorujący ” dowolną stronę internetową lub wybierając kolory z „ narzędzie do wybierania kolorów ” i używając „ Zakraplacz do oczu ' funkcja. W tym artykule przedstawiono procedurę znajdowania kodów kolorów w HTML ze szczegółowymi przykładami.