Heim  >  Artikel  >  Web-Frontend  >  CSS-Grundlagen-Tutorial --- Beschreibung der additiven RGB-Farbe

CSS-Grundlagen-Tutorial --- Beschreibung der additiven RGB-Farbe

WBOY
WBOYOriginal
2016-05-16 12:06:462238Durchsuche

RGB-Farben werden als additive Farben bezeichnet, da Sie Weiß durch Addition von R, G und B erzeugen (d. h. das gesamte Licht wird zum Auge zurückreflektiert). Additive Farben werden in Beleuchtung, Fernsehern und Computermonitoren verwendet. Beispielsweise erzeugen Displays Farbe, indem sie Licht aus roten, grünen und blauen Leuchtstoffen aussenden.

Der größte Teil des sichtbaren Spektrums kann als Mischung aus den Lichtfarben Rot, Grün und Blau (RGB) in unterschiedlichen Anteilen und Intensitäten ausgedrückt werden. Wenn sich diese Farben überlappen, entstehen Cyan, Magenta und Gelb.

Zusätzliche Farbe (RGB)

R. Rot G. Grün B. Blau
Sie können das RGB-basierte Farbmodell verwenden Der RGB-Farbmodus verarbeitet Farbwerte. Im RGB-Modus kann jede RGB-Komponente einen Wert von 0 (Schwarz) bis 255 (Weiß) annehmen. Für ein leuchtendes Rot wird beispielsweise ein R-Wert von 246, ein G-Wert von 20 und ein B-Wert von 50 verwendet. Wenn alle drei Komponentenwerte gleich sind, entsteht ein Grauton. Wenn alle Komponenten einen Wert von 255 haben, ist das Ergebnis reines Weiß; wenn der Wert 0 ist, ist das Ergebnis reines Schwarz.

Die Methode zur Kodierung einer Farbe wird zusammenfassend als „Farbraum“ oder „Farbskala“ bezeichnet. Im einfachsten Sinne kann der „Farbraum“ jeder Farbe auf der Welt als feste Zahl oder Variable definiert werden. RGB (Rot, Grün, Blau) ist nur einer von vielen Farbräumen. Mit dieser Kodierungsmethode kann jede Farbe durch drei Variablen dargestellt werden – Rot, Grün und die Intensität von Blau. Bei der Aufnahme und Anzeige von Farbbildern ist RGB die gebräuchlichste Lösung. Es fehlte jedoch eine gute Kompatibilität mit frühen Schwarzweiß-Anzeigesystemen. Daher ist es bei vielen Elektronik- und Elektroherstellern üblich, RGB in den YUV-Farbraum umzuwandeln, um die Kompatibilität aufrechtzuerhalten, und dann bei Bedarf wieder in das RGB-Format zu wechseln, um Farbgrafiken auf Computermonitoren anzuzeigen.

Da Webseiten (WEB) auf Computerbrowsern basierende Medien sind, handelt es sich bei den Farben hauptsächlich um optische RGB-Farben (Rot, Grün, Blau). Die Webseitenfarbe wird durch einen Hexadezimalcode dargestellt. Das allgemeine Format ist #ZYZABC (Buchstaben werden durch Zahlen ersetzt). Schwarz hat beispielsweise die drei Farben 0 und der Webseitencode lautet: #000000. Wenn der Farbcode #XXYYZZ ist, kann er durch #XYZ dargestellt werden. Beispielsweise stehen #135 und #113355 für dieselbe Farbe. Die Funktion

RGB()

kombiniert drei Ganzzahlen, die die drei Primärfarben Rot, Grün und Blau darstellen, zu einer langen Ganzzahl, die die darstellt Farbe.

Syntax:

RGB ( red, green, blue )

Parameter:

red: Ganzzahltyp, gibt die Intensität des Rotanteils in der Farbe an, gültige Werte liegen zwischen 0 und 255

Grün: Ganzzahltyp, gibt die Intensität des Grünanteils in der Farbe an, gültige Werte liegen zwischen 0 und 255

Blau: Ganzzahltyp, gibt die Intensität des Blauanteils in an die Farbe, gültige Werte liegen zwischen 0 und 255. Der Rückgabewert ist Long.

Wenn die Funktion erfolgreich ausgeführt wird, gibt sie die von der angegebenen Komponente bestimmte Farbe zurück, ausgedrückt als lange Ganzzahl. Gibt bei Fehler -1 zurück. Wenn der Wert eines Parameters NULL ist, gibt die Funktion RGB() NULL zurück.

Verwendung:

Die Funktion RGB() verwendet die folgende Formel, um die lange Ganzzahl zu berechnen, die die Farbe darstellt: 65536 * Blau+ 256 * Grün+ Rot, wobei Blau die blaue Komponente und Grün das Grün darstellt Komponente und Rot stellt die rote Komponente dar. Bei jeder Komponente gilt: Je kleiner der Wert, desto geringer die Helligkeit, und je größer der Wert, desto höher die Helligkeit. RGB (0, 0, 0) ist beispielsweise Schwarz (die niedrigste Helligkeit) und RGB (255, 255.255) ist Weiß (die höchste Helligkeit).

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn