CSS -HEX-Farben
Eine hexadezimale Farbe wird angegeben mit: #RRGGBB, wobei die hexadezimalen Ganzzahlen RR (Rot), GG (Grün) und BB (Blau) die Komponenten der Farbe angeben.
HEX-Wert
In CSS kann eine Farbe mit einem Hexadezimalwert in der Form angegeben werden:
#rrggbb _
Wobei rr (rot), gg (grün) und bb (blau) hexadezimale Werte zwischen 00 und ff sind (wie dezimal 0-255).
Beispielsweise wird #ff0000 als Rot angezeigt, da Rot auf den höchsten Wert (ff) und die anderen auf den niedrigsten Wert (00) gesetzt sind.
Um Schwarz anzuzeigen, setzen Sie alle Werte auf 00, wie folgt: #000000.
Um Weiß anzuzeigen, setzen Sie alle Werte wie folgt auf ff: #ffffff.
Experimentieren Sie, indem Sie die folgenden HEX-Werte mischen:
#ff6347
ROT
GRÜN
BLAU
Beispiel
Graustufen werden oft mit gleichen Werten für alle 3 Lichtquellen definiert:
Beispiel
3-stelliger HEX-Wert
Manchmal sehen Sie in der CSS-Quelle einen 3-stelligen Hex-Code.
Der 3-stellige Hex-Code ist eine Abkürzung für einige 6-stellige Hex-Codes.
Der 3-stellige Hex-Code hat folgende Form:
# rgb
Wobei r, g und b die roten, grünen und blauen Komponenten mit Werten zwischen 0 und f darstellen.
Der 3-stellige Hex-Code kann nur verwendet werden, wenn beide Werte (RR, GG und BB) für alle Komponenten gleich sind. Wenn wir also #ff00cc haben, kann es so geschrieben werden: #f0c.
Hier ist ein Beispiel:
Beispiel
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}