So finden Sie einen Farbcode in HTML

Farben spielen eine wichtige Rolle bei der Vermittlung von Informationen nonverbal. Eine Website mit interaktiven Farben gilt als attraktiv und visuell ansprechend. Es gibt verschiedene Methoden, um Farben für die HTML -Elemente anzuwenden: RGB, RGBA, HEX -Code, HSLA und HSL. Sie können jedoch Farbcodes finden, indem Sie die Seite inspizieren, Farben aus dem Farbwähler auswählen oder die Oytrack -Funktion aus dem Entwickler -Werkzeugfeld verwenden.

In dieser Studie werden wir die Methoden zum Suche nach Farbcode in HTML diskutieren

• Durch die Überprüfung der Seite
• Durch die Verwendung von Augentropper -Funktionen

Methode 1: Suchen Sie einen Farbcode in HTML, indem Sie die Webseite inspizieren

Im Folgenden finden Sie die Schritte, um den Farbcode zu finden, indem Sie die Seite inspizieren.

Schritt 1: Öffnen Sie die Webseite

Öffnen Sie zunächst die erforderliche Webseite:

Schritt 2: Option auswählen

Klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie das aus “PrüfenOption aus dem Menü, mit dem der Zugriff auf die “zugänglich istEntwicklerwerkzeugePanel:

Infolgedessen die “ElementeDie Registerkarte "Registerkarte" wird unten im Browser angezeigt:

Schritt 3: Passen Sie den Ort des Entwickler -Werkzeugpanels an

Durch Klicken auf die drei Punkte aus 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 das Inspektionsfenster durch Ziehen der Ecken geändert werden:

Schritt 4: Wählen Sie Element aus, um zu inspizieren

Klicken Sie dann auf das hervorgehobene Symbol, um das Element auszuwählen, das Sie inspizieren möchten:

Schritt 5: Wählen Sie das Element aus

Bewegen Sie das Element, dessen Farbcode gefunden werden muss, und klicken Sie darauf. Infolgedessen die “StileDie Registerkarte öffnet und zeigt die Styling -Eigenschaften des ausgewählten Elements an, aus wo aus dem grün hervorgehobenen Feld die Farbe ausgewählt werden müssen:

Schritt 6: Wählen Sie Farbe von Color Picker aus

Kopieren Sie den Farbcode aus dem geöffneten Farbwählernfenster:

Das folgende Bild zeigt an, dass wir auch Farben auswählen können, indem wir auf die kleinen Farbboxen klicken, die durch rote Farbe hervorgehoben werden. Während die gelbe Box einen Zeiger darstellt, der allmählich geändert wird, um die Farbe des ausgewählten Elements zu sehen:

Schritt 7: Passen Sie die Deckkraft der Farbe an

Sie können auch die Farbendeckkraft anpassen, wie im folgenden GIF gezeigt:

Methode 2: Suchen Sie einen Farbcode in HTML mithilfe von Eye Dropper -Funktion

Die Oytrack -Funktion kann auch verwendet werden, um jede Farbe auf der Webseite auszuwählen. Diese Funktion ist sehr praktisch, da sie eine Farbe von überall im angezeigten Fenster auswählen kann.

Notiz: Die Augentropper -Funktion wird durch die rote Box im folgenden Bild dargestellt:

Hier finden Sie eine Demonstration der Arbeit des Augentuchwerkzeugs:

Kopieren Sie nach der Auswahl der Farbe für Ihr Element den Farbcode und fügen Sie sie in die CSS Ihres Projekts ein.

Abschluss

Es gibt verschiedene Methoden, um Farben für die HTML -Elemente anzuwenden: RGB, RGBA, HEX -Code, HSLA und HSL. Sie können Farbcodes finden “Inspizieren”Eine Webseite oder durch Auswählen von Farben aus der“Farbwähler"Und benutze das"Augentropfen" Besonderheit. Dieser Artikel hat das Verfahren zum Auffinden von Farbcodes in HTML mit detaillierten Beispielen gezeigt.