Wie verwendet man Farben mit hexadezimalem CSS-Code und Alpha-Wert?

In CSS gibt es mehrere Möglichkeiten, Farben zu definieren, die verwendet werden können. Zu den gängigsten gehören RGB (Rot, Grün, Blau), RGBA (Rot, Grün, Blau, Alpha-Kanal), HSL (Farbton, Sättigung, Helligkeit). Am beliebtesten ist der hexadezimale (HEX) Code. CSS unterstützt benannte Farben. Die meisten modernen Browser können diese lesen und interpretieren. Derzeit gibt es 147 solcher Farben. Alle werden in englischer Sprache geschrieben (red, yellow, yellowgreen usw.) Die CSS-Darstellung sieht folgendermaßen aus:


div {
	
  color: blue;

}

Das hexadezimale Zahlensystem besteht aus den Ziffern 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 und den Buchstaben A, B, C, D, E, F. Mit HEX (hexadezimal) kann man in CSS praktisch jede Farbe darstellen. Verwendung von HEX-Farben in CSS Der HEX-Farbcode wird in CSS als Wert für Eigenschaften (z. B. color, background-color usw.) verwendet.  Die Struktur ist wie folgt:  Objekt, öffnende geschweifte Klammer ({) Name der Eigenschaft, Doppelpunkt (:), Wert, Semikolon ( schließende geschweifte Klammer (}) 

 div {
   color: #HEX-Code;
 }

  Vor dem HEX-Code muss das Rautezeichen (#) stehen. Danach muss der HEX-Wert der gewünschten Farbe im Format #RRGGBB angegeben werden.  Die Paare RR stehen für Rot (Red), GG für Grün (Green) und BB für Blau (Blue).  Es kann auch eine verkürzte Schreibweise für einige Farben verwendet werden - #RGB Verwendung von hexadezimalen Farben mit Alpha-Kanal

HEX mit Alpha-Kanal wird als HEXA geschrieben. HEX ALPHA wird in CSS als #RRGGBBAA geschrieben, wobei AA der Wert des Alpha-Kanals ist. AA ist ebenfalls ein hexadezimaler Wert, aber dieser hexadezimale Code steht für die Transparenzfarbe / den Transparenzgrad der Farbe. Ein hundertprozentiger Transparenzgrad hat den Wert FF. Das bedeutet, dass jede Farbe mit einem hundertprozentigen Wert der Transparenz im Alpha-Kanal - vollständig transparenten hexadezimalen Code (Farbe) ist. Beispiel #F2F2F2FF Der hexadezimale Code für Transparenz ist nicht ganz korrekt benannt. Richtig wäre der Transparenzgrad des hexadezimalen Farbcode oder der Alpha-Kanal des hex-Codes. Hexadezimale Codes für die Transparenz des Alpha-Kanals für HEX-Farben: 100% — FF - volle Transparenz.99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — EB91% — E890% — E689% — E388% — E087% — DE86% — DB85% — D984% — D683% — D482% — D181% — CF80% — CC79% — C978% — C777% — C476% — C275% — BF74% — BD73% — BA72% — B871% — B570% — B369% — B068% — AD67% — AB66% — A865% — A664% — A363% — A162% — 9E61% — 9C60% — 9959% — 9658% — 9457% — 9156% — 8F55% — 8C54% — 8A53% — 8752% — 8551% — 8250% — 80 - halbtransparent49% — 7D48% — 7A47% — 7846% — 7545% — 7344% — 7043% — 6E42% — 6B41% — 6940% — 6639% — 6338% — 6137% — 5E36% — 5C35% — 5934% — 5733% — 5432% — 5231% — 4F30% — 4D29% — 4A28% — 4727% — 4526% — 4225% — 4024% — 3D23% — 3B22% — 3821% — 3620% — 3319% — 3018% — 2E17% — 2B16% — 2915% — 2614% — 2413% — 2112% — 1F11% — 1C10% — 1A9% — 178% — 147% — 126% — 0F5% — 0D4% — 0A3% — 082% — 051% — 030% — 00 - volle Undurchsichtigkeit Der Alpha-Kanal-Wert liegt im Bereich von 0 bis 100 Prozent. Eine vollständig undurchsichtige hexadezimale Farbe hat 00 am Ende des HEXA-Formats #RRGGBBAA. Beispiel #F2F2F200 Halbtransparenz ist der Alpha-Kanal, der einen Transparenzgrad von 50% (80) haben wird. Das bedeutet, dass eine halbtransparente Farbe in CSS 80 am Ende des HEXA-Formats #RRGGBBAA haben wird. Beispiel #F2F2F280 Halbtransparente Textfarbe in CSS:

p {
  color: #F2F2F280;
}

Halbtransparente Hintergrundfarbe in CSS:

div {
  background-color: #F2F2F280;
}