Farben spielen eine wichtige Rolle bei der nonverbalen Übermittlung von Informationen. Eine Website mit interaktiven Farben gilt als attraktiv und optisch ansprechend. Es gibt verschiedene Methoden, um Farben für die HTML-Elemente anzuwenden: RGB, RGBA, HEX-Code, HSLA und HSL. Sie können Farbcodes jedoch finden, indem Sie die Seite untersuchen, Farben aus der Farbauswahl auswählen oder die Pipettenfunktion im Bereich „Entwicklertool“ verwenden.
In dieser Studie werden wir die Methoden zum Auffinden von Farbcode in HTML diskutieren
Methode 1: Suchen Sie einen Farbcode in HTML, indem Sie die Webseite untersuchen
Im Folgenden finden Sie die Schritte zum Ermitteln des Farbcodes durch Überprüfen der Seite.
Schritt 1: Öffnen Sie die Webseite
Öffnen Sie zunächst die gewünschte Webseite:
Schritt 2: Wählen Sie die Inspektionsoption
Klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie „ Prüfen ” Option aus dem Menü, die den Zugriff auf die “ Entwicklerwerkzeuge ” Panel:
Im Ergebnis ist die „ Elemente ” Tab wird am unteren Rand des Browsers angezeigt:
Schritt 3: Passen Sie die Position des Developer Tool Panel an
Durch Klicken auf die drei Punkte in der Ecke können Sie die Platzierung des Panels auswählen. Zum Beispiel haben wir das grün hervorgehobene Symbol ausgewählt. Darüber hinaus kann die Größe des Inspektionsfensters durch Ziehen an den Ecken geändert werden:
Schritt 4: Wählen Sie das zu prüfende Element aus
Klicken Sie dann auf das hervorgehobene Symbol, um das Element auszuwählen, das Sie untersuchen möchten:
Schritt 5: Wählen Sie das Element aus
Bewegen Sie den Mauszeiger über das Element, dessen Farbcode gefunden werden soll, und klicken Sie darauf. Im Ergebnis ist die „ Stile ” öffnet sich und zeigt die Stileigenschaften des ausgewählten Elements an, von wo aus Sie die Farbe auswählen müssen, wie durch das grün hervorgehobene Feld angezeigt:
Schritt 6: Wählen Sie Farbe aus dem Farbwähler
Kopieren Sie den Farbcode aus dem geöffneten Farbauswahlfenster:
Das folgende Bild zeigt, dass wir Farben auch auswählen können, indem wir auf die kleinen rot markierten Farbfelder klicken. Während das gelbe Kästchen einen Zeiger darstellt, der sich allmählich ändert, um die Farbe des ausgewählten Elements anzuzeigen:
Schritt 7: Passen Sie die Deckkraft der Farbe an
Sie können auch die Farbdeckkraft anpassen, wie im folgenden GIF gezeigt:
Methode 2: Finden Sie einen Farbcode in HTML mithilfe der Pipettenfunktion
Die Pipettenfunktion kann auch verwendet werden, um eine beliebige Farbe von der Webseite auszuwählen. Diese Funktion ist sehr praktisch, da sie eine Farbe von überall im angezeigten Fenster auswählen kann.
Notiz: Die Pipettenfunktion wird durch das rot hervorgehobene Kästchen im folgenden Bild dargestellt:
Hier ist eine Demonstration der Funktionsweise des Pipettenwerkzeugs:
Nachdem Sie die Farbe für Ihr Element ausgewählt haben, kopieren Sie den Farbcode und fügen Sie ihn in das CSS Ihres Projekts ein.
Fazit
Es gibt verschiedene Methoden, um Farben für die HTML-Elemente anzuwenden: RGB, RGBA, HEX-Code, HSLA und HSL. Farbcodes finden Sie unter „ Inspizieren ” einer beliebigen Webseite oder durch Auswahl von Farben aus dem „ Farbwähler “ und mit dem „ Augentropfen ' Merkmal. Dieser Artikel hat das Verfahren zum Auffinden von Farbcodes in HTML mit detaillierten Beispielen demonstriert.