Jak znaleźć kod kolorów w HTML

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, Code, HSLA i HSL. Można jednak znaleźć kody kolorów, sprawdzając stronę, wybierając kolory z zbieracza kolorów lub używając funkcji kroplowania wzroku z panelu narzędzi programistów programistów.

W tym badaniu omówimy metody znajdowania kodu kolorów w HTML

• Sprawdzając stronę
• Używając funkcji kroplowania oczu

Metoda 1: Znajdź kod koloru w HTML, sprawdzając stronę internetową

Poniżej znajdują się kroki, aby znaleźć kod koloru, sprawdzając stronę.

Krok 1: Otwórz stronę internetową

Najpierw otwórz wymaganą stronę internetową:

Krok 2: Wybierz opcję sprawdzania

Kliknij prawym przyciskiem myszy na stronie i wybierz „Sprawdzać„Opcja z menu, która zapewni dostęp do„Narzędzia deweloperskie" płyta:

W rezultacie „Elementy„Zakładka zostanie wyświetlona na dole przeglądarki:

Krok 3: Dostosuj miejsce panelu narzędzi programisty

Klikając trzy kropki z rogu, możesz wybrać umieszczenie panelu. Na przykład wybraliśmy ikonę podświetloną zieloną. Ponadto okno sprawdzania można zmienić, 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

Unosić element, którego kod koloru należy znaleźć i kliknij. W rezultacie „Style”Zakładka otwiera się i wyświetla właściwości stylizacji wybranego elementu, z którego musisz wybrać kolor, jak pokazano przez zielone podświetlone pole:

Krok 6: Wybierz kolor z kolorowych zbieraczy

Skopiuj kod koloru z otwartego okna zbieracza kolorów:

Poniższy obraz wskazuje, że możemy również wybrać kolory, klikając małe skrzynki kolorów podświetlone w kolorze czerwonym. Podczas gdy żółte pole reprezentuje wskaźnik, który jest stopniowo zmieniony, aby zobaczyć kolor wybranego elementu:

Krok 7: Dostosuj krycie koloru

Możesz także dostosować krycie kolorów, jak pokazano w poniższym GIF:

Metoda 2: Znajdź kod koloru w HTML za pomocą funkcji zakraplacza do oczu

Funkcję kroplowania oczu można również wykorzystać do wyboru dowolnego koloru ze strony internetowej. Ta funkcja jest bardzo przydatna, ponieważ może wybrać kolor z dowolnego miejsca w wyświetlonym oknie.

Notatka: Funkcja kroplowania wzroku jest reprezentowana przez czerwone podświetlone pole na poniższym obrazku:

Oto demonstracja działania narzędzia kroplowania wzroku:

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, Code, HSLA i HSL. Możesz znaleźć kody kolorów przez „Dozorujący„Każda strona internetowa lub wybierając kolory z„narzędzie do wybierania kolorów”I używając„Dropper oczu" funkcja. W tym artykule pokazano procedurę znajdowania kodów kolorów w HTML ze szczegółowymi przykładami.