CSS Farbnamen Referenz
Alle 148 CSS-Farbnamen mit Hex-Codes. Nach Gruppe filtern, suchen und klicken zum Kopieren.
Über dieses Tool
CSS definiert 148 benannte Farben, die überall verwendet werden können, wo ein Farbwert akzeptiert wird — in CSS-Eigenschaften, SVG-Attributen und HTML-Farbattributen. Benannte Farben sind leichter zu lesen als Hex-Codes und werden von allen modernen Browsern und CSS-Präprozessoren unterstützt.
Diese Referenz listet alle benannten Farben mit ihren Hex-Äquivalenten, nach Farbfamilien gruppiert. Klicken Sie auf ein Swatch, um den CSS-Farbnamen in die Zwischenablage zu kopieren.
Anleitung
- Durchsuchen Sie das vollständige Raster oder filtern Sie nach Farbgruppe mit dem Dropdown.
- Suchen Sie nach Name (z.B. "blue") oder Hex-Code (z.B. "#0000ff").
- Klicken Sie auf ein Swatch, um den CSS-Farbnamen (z.B. cornflowerblue) zu kopieren.
- Verwenden Sie den Namen direkt in CSS: color: cornflowerblue;
Anwendungsfälle
Frontend-Entwickler suchen schnell nach dem Namen einer Farbe, die sie visuell erinnern. Designer prüfen, welche CSS-benannte Farbe ihrer Markenfarbe am nächsten kommt. Pädagogen nutzen diese Referenz beim Unterrichten der CSS-Farbsyntax. Entwickler verwenden benannte Farben in Prototypen und Demos für bessere Lesbarkeit.
Häufige Fragen
- Wie viele benannte CSS-Farben gibt es? CSS Color Level 4 definiert 148 benannte Farben, plus transparent und currentcolor.
- Sind benannte Farben browserübergreifend gleich? Ja. Benannte Farben sind vollständig standardisiert und erzeugen identische Ergebnisse in allen modernen Browsern.
- Kann ich benannte Farben in SVG verwenden? Ja. SVG akzeptiert dieselben CSS-Farbnamen für Fill- und Stroke-Attribute.