Heim > Web-Frontend > CSS-Tutorial > Was bedeutet Farbe in CSS?

Was bedeutet Farbe in CSS?

下次还敢
Freigeben: 2024-04-28 12:45:30
Original
618 Leute haben es durchsucht

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

Was bedeutet Farbe in CSS?

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

HTML-Farbnamen

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

<code class="css">color: red;
color: green;
color: blue;</code>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage