Grafik/Farbe

Farben spielen bei der Gestaltung eine wichtige Rolle. In CSS (und damit auch in HTML und SVG) stehen verschiedene Möglichkeiten bereit, eine Farbe festzulegen bzw. zu „mischen“.

1. Farbangaben
2. Farbmodelle
   • RGB-Modell
     • Hexadezimale Schreibweise
     • rgb()
   • Farbton/Sättigung/Helligkeit
     • hsl()
     • hsla()
3. Farbpaletten
   • Die VGA-Palette (16 Farben)
   • Die Netscape-Palette (216 websichere Farben)
   • Farbnamen
   • transparent
4. Variablen
   • currentColor
   • custom properties

Farbangaben

CSS hat mehrere Möglichkeiten Farbwerte anzugeben. Einige verwenden den SRGB-Farbraum, andere wie die Farbnamen oder die HSL-Funktionen sind einfacher zu lesen und zu verstehen.

Farbangaben in CSS werden durch den <color>-Wertetyp repräsentiert:

• <named-color>: Farbname
• das Schlüsselwort transparent
• currentColor, den gespeicherten Wert der Schriftfarbe color
• RGB-Angabe
  • <hex-color>
  • <rgb()>-Funktion
  • <rgba()>-Funktion mit Transparenz (Alphakanal)
• HSL
  • <hsl()>-Funktion
  • <hsla()>-Funktion mit Transparenz

Farbmodelle →

Siehe auch

• CSS/Wertetypen

• Farbkonzept
  • Farben und Kontraste
  • Licht und Schatten

Weblinks

• W3C: CSS Color Module Level 4 W3C Working Draft, 12 November 2020
• MDN: <color>