Der Unterschied und die Einführung von ARGB, RGB und RGBA

Der Unterschied und die Einführung von ARGB, RGB und RGBA

ARGB ist ein Farbmodus, also der RGB-Farbmodus mit hinzugefügtem Alphakanal (Transparenzkanal), der häufig in der Speicherstruktur von 32-Bit-Bitmaps zu finden ist.

Das RGB-Farbmodell ist ein Farbstandard in der Industrie. Es erzeugt eine Vielzahl von Farben, indem die drei Farbkanäle Rot (R), Grün (G) und Blau (B) geändert und übereinander gelegt werden. RGB stellt die Farben der drei Kanäle Rot, Grün und Blau dar. Dieser Standard deckt fast alle Farben ab, die vom menschlichen Auge wahrgenommen werden können, und ist derzeit eines der am weitesten verbreiteten Farbsysteme.

RGBA ist ein Farbraum, der Rot, Grün, Blau und Alpha darstellt. Obwohl es manchmal als Farbraum beschrieben wird, handelt es sich eigentlich nur um das RGB-Modell mit zusätzlichen Informationen. Die verwendeten Farben sind RGB und können zu jedem RGB-Farbraum gehören, aber Catmull und Smith schlugen diesen unverzichtbaren Alphawert zwischen 1971 und 1972 vor, wodurch Alpha-Rendering und Alpha-Compositing möglich wurden. Der Antragsteller nannte es Alpha, weil die klassische lineare Interpolationsgleichung αA + (1-α)B diesen griechischen Buchstaben verwendet. PNG ist ein Bildformat, das RGBA verwendet.

Der Unterschied zwischen 6-Bit- und 8-Bit-Werten bei der Definition von Farben in Android: 6-Bit (#000000) ist ein RGB-Wert. 8-Bit (#1e000000) ARGB. Die ersten beiden Bits sind Transparenz, 00 ist vollständig transparent, ff ist vollständig undurchsichtig und die letzten 6 Bits sind RGB-Werte, die relativ moderate Transparenzwerte sind.

Was bedeutet das „a“ in RGBA? So verwenden Sie RGBA

RGBA-Farbe

RGB ist ein Farbstandard, der durch Variation und Überlagerung von Rot (R), Grün (G) und Blau (B) eine Vielzahl von Farben erzeugt. Einfach ausgedrückt fügt RGBA zu RGB einen Transparenzkanal Alpha hinzu.
Grammatik:
rgba (R, G, B, A)
veranschaulichen:
R: Rotwert (Rot);
G: Grünwert (Grün);
B: Blauwert (Blau);
A: Transparenz (Alpha);
Die drei Parameter R, G und B können positive ganze Zahlen oder Prozentwerte sein. Der positive ganzzahlige Wert reicht von 0 bis 255 und der Prozentwert reicht von 0,0 % bis 100,0 %. Werte außerhalb des Bereichs werden auf die nächste Wertegrenze gerundet. Nicht alle Browser unterstützen die Verwendung von Prozentwerten.
Parameter A ist Transparenz, ähnlich dem Opazitätsattribut. Sein Wertebereich liegt zwischen 0,0 und 1,0 und kann nicht negativ sein. Im Folgenden finden Sie die korrekte Verwendung von RGBA-Farben:

rgba(255,255,0,0,5)
rgba(50 %, 80 %, 50 %, 0,5)

Beispiel:

<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<title>CSS3RGBA-Farbe</title>
<styletype="text/css">
*{Auffüllung:0;Rand:0;}
ul
{
Anzeige: Inline-Block;
Listenstiltyp: keiner;
Breite: 200px;
}
li
{
Höhe: 30px;
Zeilenhöhe: 30px;
Schriftgröße: 20px;
Schriftstärke: fett;
Textausrichtung: zentriert;
}
/*Das erste li*/
li:erstes-Kind
{
Hintergrundfarbe: #FF00FF;
}
/*Das zweite li*/
li:ntes-Kind(2)
{
Hintergrundfarbe: rgba (255,0,255,0,5);
}
/*Das dritte Li*/
li:letztes-Kind
{
Hintergrundfarbe: #FF00FF;
Deckkraft: 0,5;
}
</Stil>
</Kopf>
<Text>
<ul>
<li>123WORDPRESS.COM</li>
<li>123WORDPRESS.COM</li>
<li>123WORDPRESS.COM</li>
</ul>
</body>
</html>

Dies ist das Ende dieses Artikels über die Unterschiede und Einführungen von ARGB, RGB und RGBA. Weitere Informationen zu den Unterschieden zwischen ARGB, RGB und RGBA finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<: 

>>:  Detaillierte Erklärung der HTML-Tabellen

Artikel empfehlen

jQuery realisiert den Shuttle-Box-Effekt

In diesem Artikelbeispiel wird der spezifische Co...

Die Funktionen und Unterschiede zwischen deaktiviert und schreibgeschützt

1: schreibgeschützt dient zum Sperren dieses Steue...

Referenz zur Webseitenerstellung im IE6 - Standardstil im IE6

Dies ist eigentlich kein offizielles Dokument des ...

Geben Sie einige Tipps zur Verwendung von JavaScript-Operatoren

Inhaltsverzeichnis 1. Optionaler Verkettungsopera...

Detaillierte Analyse von Javascript-Datenproxys und Ereignissen

Inhaltsverzeichnis Datenbroker und Events Überprü...

Webdesign: Implementierungstechniken für Webmusik

<br />Wenn Sie Musik in eine Webseite einfüg...

js implementiert Array-Abflachung

Inhaltsverzeichnis So reduzieren Sie ein Array 1....

Verschiedene Methoden zum Neustarten von Mysql unter CentOS (empfohlen)

1. MySQL über RPM-Paket installiert Dienst MySQL ...

Das Prinzip und die Implementierung der bidirektionalen Bindung in Vue2.x

Inhaltsverzeichnis 1. Implementierungsprozess 2. ...

Detaillierte Schritte zur Installation und Verwendung von VMware ESXi 6.5

Inhaltsverzeichnis Einführung Architektur Vorteil...

Einführung in die Installationsmethode in Vue

Inhaltsverzeichnis 1. Weltweit registrierte Kompo...