Gibt es eine prägnante Hexadezimalschreibweise für RGBA-Farben in CSS?

CSS Hexadezimale RGBA-Notation

Problem: Derzeit unterstützt CSS die RGBA-Farbnotation mit Dezimalwerten (z. B. rgba(255, 0, 0). , 0,5)). Gibt es eine prägnantere Möglichkeit, teilweise transparente Farben hexadezimal anzugeben?

Antwort:

Das CSS-Farbmodul Level 4 (das sich derzeit in Entwurfsform befindet) wird erwartet um Unterstützung für die 4- und 8-stellige hexadezimale RGBA-Notation einzuführen.

Wie es Funktioniert

8-stellige Notation:

• Die ersten 6 Ziffern stellen die Hexadezimalwerte für die roten, grünen und blauen Kanäle dar.
• Die letzten beiden Ziffern stellen den Alphakanal dar, wobei 00 für vollständige Transparenz und FF für vollständige Transparenz steht undurchsichtig.

4-stellige Notation:

• Die erste Ziffer stellt den roten Kanal dar.
• Die nächsten drei Ziffern repräsentieren die grünen, blauen und Alpha-Kanäle, bzw..

Beispiel

Bei Verwendung der 8-stelligen Notation stellt die folgende Hex-Farbe ein leicht transparentes Blau dar:

#0000ffcc

Dies entspricht dem Folgenden RGBA-Notation:

rgba(0, 0, 100%, 80%)

Browser-Unterstützung

Zum Zeitpunkt des Schreibens dieses Artikels (Anfang 2015) unterstützte kein Browser die Farbnotation #RRGGBBAA. Sie können jedoch noch heute mit der folgenden Fallback-Technik beginnen:

figure {
  background: #FEFE7F;
  color: #3F3FFE;
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F;
  color: #0000ffbe;      
}

Das obige ist der detaillierte Inhalt vonGibt es eine prägnante Hexadezimalschreibweise für RGBA-Farben in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!