HTML -Farben | RGB, Hex, HSL erklärte
In diesem Artikel wird gezeigt, wie man einem HTML-Element/Dokument Farben hinzufügt. Es bietet einen allgemeinen Überblick über grundlegende Farbkonventionen wie „Farbnamen“, „RGB -Werte“, „Hexadezimalwerte“ usw. So lass uns anfangen!
HTML -Farbnamen
Die erste Art der Implementierung von HTML -Farben besteht darin, einfach den Farbnamen i zu verwenden.e. Englische Wörter für die Farbe wie grün, gelb, rot usw. HTML unterstützt mehr als hundert Standardfarbnamen.
Beispiel
Angenommen, wir haben einen Absatz in unserem HTML:
Ein Absatz
Um ihm eine Farbe zu geben, sagen wir grün, können wir Folgendes tun:
Ein Absatz
Html hexadezimale Farbe
HTML unterstützt eine andere Möglichkeit, Farben hinzuzufügen i.e. Die Hexadezimalwerte. Hexadezimalwerte können mit sechzehn Ziffern 0-9 und A-F geschrieben werden. Es wird durch ein "bestimmt"#Symbol gefolgt von drei oder sechs Ziffern. Zum Beispiel: #Rrggbb. Hier repräsentieren die ersten beiden Slots Rot, die angrenzenden zwei Slots zeigen grün und die letzten beiden zeigen blaue Wert.
Beispiel
Angenommen, wir haben einen Absatz in unserem HTML:
Ein Absatz
Diesmal werden wir versuchen, die Hintergrundfarbe von festzulegen
Tag mit hexadezimalen Werten mit dem Tag zu Grey und wir können dies mit dem folgenden HTML -Code der folgenden Zeile tun:
Ein Absatz
Im obigen Code ist „#e3e3e3“ der Hex -Code der grauen Farbe.
Die Hexadezimalwerte können mit nur drei Ziffern statt sechs Ziffern geschrieben werden. Zum Beispiel der Hexadezimalwert #f00 wird die gleiche Farbe erzeugen wie #ff0000.
HTML RGB -Farben
Eine weitere am häufigsten verwendete Methode für Farben sind RGB -Werte. Es braucht drei Werte i.e. rot, grün und blau. Anstatt die seltsamen Hexadezimalzahlen zu verwenden, verwendet die RGB -Eigenschaft Zahlen von 0 bis 255. Diese Zahlen bestimmen die Intensität jedes Farbparameters beispielsweise, um den schwarzen Farbsatz alle Parameter auf 0 i zu verwenden.e. RGB (0, 0, 0). Die RGB (0, 0, 255) zeigt die blaue Farbe usw. an.
Beispiel
Betrachten wir denselben Absatz:
Ein Absatz
Jetzt werden wir versuchen, seine Hintergrundfarbe mithilfe von RGB -Werten auf Orange festzulegen, und dies können dies mit dem folgenden HTML -Code der folgenden Zeile tun:
Ein Absatz
Im obigen Code sind „RGB (255, 165, 0)“ die RGB -Werte für orangefarben.
HTML RGBA -Farben
Die RGBA -Werte sind eine Erweiterung der RGB -Farbwerte, wobei “A”Repräsentiert den Alpha -Kanal, der die Deckkraft für eine Farbe angibt. Ein Alpha -Parameter ist eine Zahl zwischen 0 (transparent) und 1 (undurchsichtig).
Beispiel
Dieses Beispiel zeigt, wie der Alpha -Parameter “A”Wird angegeben:
Ein Absatz
Der oben gegebene Code implementierte den Alpha-Parameter auf
Element. Jetzt entspricht das Ergebnis der Transparenz, wie in der folgenden Ausgabe gezeigt:
HTML HSL Farben
HTML liefert eine weitere Farbkonvention i.E HSL bestimmt eine Farbe mit Farbton, Sättigung und Licht. Optional kann es auch einen Alpha -Parameter haben.
- Der Begriff Farbton bestimmt einen Engel im Farbrad e.G. 0 oder 360 Grad repräsentieren rote Farbe. In ähnlicher Weise werden die verbleibenden Farben um den Kreis getrennt. Zum Beispiel entspricht Grün 120 Grad, Cyan entspricht 180 Grad usw.
- Während der zweite Wert in HSL eine Sättigung ist, die die Farbintensität bestimmt und durch ein Prozentzeichen dargestellt wird.
- Der dritte Wert ist die Leichtigkeit.
Zum Beispiel bedeutet hundert Prozent Volllicht i.e. weiß, während null Prozent bedeutet, kein Licht ich.e. schwarz und so weiter.
Beispiel
Das folgende Skript implementiert die HSL-Farbkonvention auf verschiedenen HTML-Elementen:
Ein Absatz
Wir erhalten die folgende Ausgabe für den obigen Code:
Abschluss
HTML bietet mehrere Farbkonventionen, um die Textfarbe, die Hintergrundfarbe usw. festzulegen. Es gibt vier Möglichkeiten, ein HTML -Element zu färben: Farbname, RGB -Werte, Hexadezimalwerte und HSL -Werte. Um die Farbe mit "Farbname" festzulegen, geben Sie den Namen der Farbe I an i an.e. rot grün. Kombinieren Sie für RGB die Farbwerte rot, grün und blau zwischen 0 und 255. Für hexadezimale Farbe schreiben Sie drei oder sechsstellige Farbcode. Stellen Sie für HSL die Werte von Farbton, Sättigung und Licht ein.