CSS Colors Keywords

CSS Colors Keywords: CSS unterstützt eine Vielzahl von Farb-Keywords, die eine einfache Möglichkeit bieten, Farben zu definieren, ohne HEX-, RGB- oder HSL-Werte verwenden zu müssen. Diese Farb-Keywords sind vordefinierte Farbnamen wie red, blue, green, die direkt auf verschiedene Elemente angewendet werden können. Sie bieten eine leicht verständliche Methode zur Auswahl gängiger Farben, ohne dass Berechnungen oder Umrechnungen erforderlich sind.

Grundfarben in CSS

Zu den grundlegenden Farb-Keywords zählen primäre und sekundäre Farben wie red, green, blue, yellow, black, und white. Diese Farben sind in allen Browsern einheitlich implementiert.

h1 {
    color: red; /* Setzt die Textfarbe auf Rot */
}

Vollständige Liste der CSS-Farb-Keywords

In CSS gibt es über 140 Farb-Keywords, die häufig verwendet werden, darunter:

• Primärfarben: red, green, blue
• Sekundärfarben: cyan, magenta, yellow
• Neutrale Farben: black, white, gray, silver
• Hintergrundfarben: aqua, teal, navy, maroon
• Pastelltöne: lightpink, lightblue, lightgray
• Erweiterte Farben: gold, chocolate, indigo, coral

Hier ist eine Tabelle mit einigen der gängigen CSS-Farb-Keywords:

Farbe	Keyword	Farbe	Keyword
Rot	red	Blau	blue
Grün	green	Gelb	yellow
Schwarz	black	Weiß	white
Grau	gray	Silber	silver
Zyan	cyan	Magenta	magenta
Orange	orange	Braun	brown
Lachs	salmon	Gold	gold

Beispiele für Farb-Keywords in CSS

body {
    background-color: lightblue; /* Setzt den Hintergrund auf Hellblau */
}

h1 {
    color: navy; /* Setzt die Überschrift auf Marineblau */
}

p {
    color: teal; /* Setzt den Text auf Türkis */
}

Tipps zur Verwendung von CSS-Farb-Keywords

• Farb-Keywords sind ideal, um schnell und einfach Farben festzulegen.
• Verwenden Sie Farb-Keywords für gängige Farben, um den Code lesbarer und verständlicher zu halten.
• Einige Farben wie lightgray und darkgray sind nützlich, um abgestufte Töne zu erzeugen, ohne genaue HEX- oder RGB-Werte anzugeben.

Häufig gestellte Fragen