Was bedeutet Farbe in CSS?

Das Farbattribut definiert Text- oder Hintergrundfarbe in CSS und kann in verschiedenen Formaten angegeben werden, einschließlich Hexadezimalwerten, RGB-Werten, RGBA-Werten, HTML-Farbnamen, HSL- und HSLA-Werten und Schlüsselwörtern wie „currentColor“, „inherit“, „transparent“.

Bedeutung von Farbe in CSS

Die Farbeigenschaft definiert die Farbe des Textes oder Hintergrunds eines Elements in CSS. Er wird in verschiedenen Formaten angegeben, darunter:

HEXWERT

Ein Hexadezimalwert ist ein sechsstelliger Code, der mit einem Nummernzeichen (#) beginnt und den Farbwert Rot, Grün, Blau (RGB) darstellt. Beispiel:

<code class="css">color: #0000FF; /* 蓝色 */</code>

RGB-Wert

RGB-Wert ist eine durch Kommas getrennte Gruppe von Werten in Klammern, die die Intensität von Rot, Grün und Blau in einer Farbe angibt. Jeder Wert liegt zwischen 0 und 255. Zum Beispiel:

<code class="css">color: rgb(0, 0, 255); /* 蓝色 */</code>

RGBA-Wert

Eine Erweiterung des RGB-Werts, die einen vierten Wert (Alphakanal) hinzufügt, der die Transparenz der Farbe darstellt. Die Werte des Alphakanals reichen von 0 (transparent) bis 1 (undurchsichtig). Zum Beispiel:

<code class="css">color: rgba(0, 0, 255, 0.5); /* 半透明蓝色 */</code>

HTML-Farbnamen

CSS unterstützt eine Reihe von Standard-HTML-Farbnamen, darunter:

<code class="css">color: red;
color: green;
color: blue;</code>

HSL- und HSLA-Werte

HSL-Werte (Farbton, Sättigung, Helligkeit) repräsentieren eine Farbe anhand ihres Farbtons (0–360°), ihrer Sättigung (0–100 %) und ihrer Helligkeit (0–100 %). Erweiterte HSLA-Werte umfassen einen vierten Alphakanalwert. Zum Beispiel:

<code class="css">color: hsl(120, 50%, 50%); /* 绿色 */</code>

color-Schlüsselwort

CSS unterstützt auch einige spezielle Schlüsselwörter, darunter:

• currentColor: Die Farbe des übergeordneten Elements verwenden
• inherit: Die Farbe vom übergeordneten Element übernehmen
• transparent: Transparent

Das obige ist der detaillierte Inhalt vonWas bedeutet Farbe in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!