Heim > Artikel > Web-Frontend > Welche Methoden gibt es zum Ausdrücken von Farbwerten in CSS3?
Methode: 1. Verwenden Sie englische Wörter, um Farben darzustellen, z. B. „rot“, um Rot darzustellen. 2. Verwenden Sie RGB, um Farben darzustellen. Die Syntax lautet „rgb (Rotwert, Grünwert, Blauwert)“. Verwenden Sie hexadezimal. Verwenden Sie HSL zur Darstellung von Farben. Die Syntax lautet „#RRGGBB“. 4. Verwenden Sie HSL zur Darstellung von Farben. Die Syntax lautet „hsl (Farbton, Sättigung, Helligkeit)“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
1. Englische Wörter, um Farbe auszudrücken. Die direkteste und einfachste Methode besteht darin, die Farbe mit englischen Wörtern auszudrücken. Rot.
Nachteile: Es gibt Tausende von Farben, nicht jede Farbe hat ein entsprechendes englisches Wort und es gibt Einschränkungen bei der Verwendung.2. Hexadezimale Darstellung der Farbe
Die Komponenten der hexadezimalen Farbe sind: #RRGGBB, wobei RR (rot), GG (grün) und BB (blau) alle Werte zwischen 0 und FF liegen müssen. Laienhaft ausgedrückt ist die Essenz der Hexadezimalzahl RGB, und alle zwei Ziffern repräsentieren eine Farbe. Wenn die Werte der beiden Ziffern gleich sind, können sie beispielsweise als Farbe: #fc0 abgekürzt werden.
Alle gängigen Browser unterstützen hexadezimale Farbwerte und werden empfohlen.3. RGB steht für Farbe
In RGB steht R für Rot, G für Grün und B für Blau.
RGB-Schreibmethode: RGB (0,0,0). Der Wertebereich liegt zwischen 0 und 255. Je größer der Wert, desto dunkler die Farbe. Zusätzlich zur Verwendung numerischer Werte kann RGB auch Prozentsätze verwenden, wobei die Werte zwischen 0 % und 100 % liegen. Beispiel: RGB (0,0,255) und RGB (0 %, 0 %, 100 %) repräsentieren dieselbe Farbe. RGB-Darstellung gängiger Farben. Rot: RGB(255,0,0); Weiß: RGB(255,255,255); Schwarz: RGB(0,0,0) Alle gängigen Browser unterstützen RGB-Farbwerte.4. HSL steht für Farbe.
HSL-Farbwerte stehen für: Farbton, Sättigung und Helligkeit.
Der Farbton ist der Grad im Farbkreis (von 0 bis 360) – 0 (oder 360) ist Rot, 120 ist Grün und 240 ist Blau. Die Sättigung ist ein Prozentwert, 0 % bedeutet Grautöne und 100 % bedeutet Vollfarbe. Die Helligkeit ist ebenfalls ein Prozentsatz, 0 % ist Schwarz und 100 % ist Weiß. Hinweis: IE9, Firefox, Chrome, Safari und Opera10+ unterstützen HSL-Farbwerte. (Teilen von Lernvideos:CSS-Video-Tutorial
)Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Ausdrücken von Farbwerten in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!