CSS HEX-Farben
Eine hexadezimale Farbe wird mit #RRGGBB angegeben, wobei die hexadezimalen Ganzzahlen RR (Red/Rot), GG (Green/Grün) und BB (Blue/Blau) die Komponenten der Farbe angeben.
HEX-Wert
In CSS kann eine Farbe mithilfe eines Hexadezimalwerts in der folgenden Form angegeben werden:
#rrggbb
Wobei rr (rot), gg (grün) und bb (blau) Hexadezimalwerte zwischen 00 und ff sind (dasselbe wie Dezimalwerte 0-255).
Beispielsweise wird #ff0000 als rot angezeigt, da Rot auf den höchsten Wert (ff) und die anderen auf den niedrigsten Wert eingestellt sind (00).
Um Schwarz anzuzeigen, setzen Sie alle Werte auf 00, wie folgt: #000000.
Um Weiß anzuzeigen, setzen Sie alle Werte auf ff, wie folgt: #ffffff.
Experimentieren Sie, indem Sie die folgenden HEX-Werte mischen:
RED
GREEN
BLUE
Grautöne werden oft durch gleiche Werte für alle drei Lichtquellen definiert:
3-stelliger HEX-Wert
Manchmal wird im CSS-Quellcode ein dreistelliger Hex-Code angezeigt.
Der dreistellige Hex-Code ist eine Abkürzung für einige sechsstellige Hex-Codes.
Der dreistellige Hex-Code hat folgende Form:
#rgb
Wobei r, g und b die Rot-, Grün- und Blau-Komponenten mit Werten zwischen 0 und f darstellen.
Der dreistellige Hexadezimalcode kann nur verwendet werden, wenn die Werte (RR, GG und BB) für alle Komponenten identisch sind. Beispiel: #ff00cc lässt sich wie folgt schreiben: #f0c.
Hier ein Beispiel:
Beispiel
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}
Try it Yourself »
CSS — Farben HEX – W3Schools Video
Dieses Video ist eine Einführung in Hex-Farben in CSS.
Teil einer Reihe von Video-Tutorials zum Erlernen von CSS für Anfänger!
