Analyse der Verwendung von RGB-Farben in CSS

Dieser Artikel stellt hauptsächlich die detaillierte Erklärung der Verwendung von RGB-Farben in CSS vor. Es handelt sich um Grundkenntnisse für den Einstieg in das Erlernen von CSS. Freunde mit Bedarf können auf

Erklärung des RGB-Farbmodells

Das RGB-Farbmodell ist eine Möglichkeit zu beschreiben, wie viel der drei Primärfarben Rot, Grün und Blau in einer bestimmten Farbe enthalten ist, genau wie das Mischen von Aquarellfarben oder Ölfarben, um die echte Farbe zu erhalten wir wollen.

Stellen Sie sich vor, Sie möchten ein reines Blau erzeugen. Um dies zu erreichen, können Sie dieser Farbe kein Rot und Grün hinzufügen. Also setzen wir Rot und Grün auf 0 % und Grün auf 100 %:

rgb(0%, 0%, 100%)

Ergebnis:

Aber wenn Sie Magenta statt Blau wollen, was tun? Wir können Lila erhalten, indem wir 100 % Rot und 100 % Blau mischen:

rgb(100%, 0%, 100%)

Ergebnis:

Aus der grundlegenden Farbtheorie wissen wir, dass keine Farbe schwarz ist. Um Schwarz zu erhalten, können wir dies erreichen, indem wir die drei Primärfarben Rot, Grün und Blau auf 0 % setzen:

rgb(0%, 0%, 0%)

Ergebnis:

So bestimmen Sie den Wert der RGB-Farbe

Wir können die Farbschiebereglerfunktion von Photoshop verwenden, um die Werte der drei Primärfarben Rot, Grün und Blau für eine bestimmte Farbe zu erhalten. Es gibt jedoch auch kostenlose Online-Tools wie Farbschieberegler und Der RGB-Farbrechner.

Erklärung der RGB-Farbe auf w3school:

RGB-Farbe

Alle Browser unterstützen RGB-Farbwerte.

RGB-Farbwerte werden wie folgt angegeben: rgb(rot, grün, blau). Jeder Parameter (Rot, Grün und Blau) definiert die Intensität der Farbe und kann eine Ganzzahl zwischen 0 und 255 oder ein Prozentwert (von 0 % bis 100 %) sein.

Zum Beispiel wird der RGB-Wert (0,0,255) in Blau angezeigt, da der blaue Parameter auf den höchsten Wert (255) und die anderen auf 0 eingestellt sind.

In ähnlicher Weise definieren die folgenden Werte dieselbe Farbe: rgb(0,0,255) und rgb(0%,0%,100%).

Beispiele

p   
{   
background-color:rgb(255,0,0);   
}

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website !

Verwandte Empfehlungen:

Verwenden Sie CSS, um einen Schatteneffekt zu erzielen

Mehrere häufig in CSS3 verwendete Farbverlaufsmodi

Das obige ist der detaillierte Inhalt vonAnalyse der Verwendung von RGB-Farben in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!