Heim  >  Artikel  >  Web-Frontend  >  Welche Methoden gibt es zum Ausdrücken von Farbwerten in CSS3?

Welche Methoden gibt es zum Ausdrücken von Farbwerten in CSS3?

WBOY
WBOYOriginal
2022-03-25 16:17:162363Durchsuche

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)“.

Welche Methoden gibt es zum Ausdrücken von Farbwerten in CSS3?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Wie kann man den Farbwert von CSS3 ausdrücken?

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!

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