Farbnamen-Referenz
Benannte Farben aus CSS/HTML, Material Design und Tailwind CSS erkunden. Auf ein Farbfeld klicken, um den Hex-Wert zu kopieren.
Foire aux questions
Q: Was sind CSS-Farbnamen?
A: CSS-Farbnamen sind 148 vordefinierte Farb-Keywords, die von allen modernen Browsern erkannt werden. Statt eines Hex-Codes wie #FF6347 kann man direkt „tomato" in CSS verwenden. Diese Namen sind im CSS Color Level 4-Standard standardisiert.
Q: Was ist der Unterschied zwischen Hex, RGB und HSL?
A: Hex verwendet eine sechsstellige Hexadezimalnotation (#RRGGBB). RGB gibt Rot-, Grün- und Blaukanal-Werte von 0–255 an. HSL definiert Farbe über Farbton (0–360), Sättigung (0–100 %) und Helligkeit (0–100 %). Alle drei stellen dieselben Farben dar, nur in unterschiedlicher Notation.
Q: Was sind Material Design-Farben?
A: Material Design-Farben sind eine von Google für Material-Design-Oberflächen kuratierte Palette. Jede Farbfamilie hat Abstufungen von 50 (hellste) bis 900 (dunkelste), wobei 500 der Standardton ist. Sie sind auf Barrierefreiheit und visuelle Harmonie ausgelegt.
Q: Was sind Tailwind CSS-Farben?
A: Tailwind CSS enthält eine kuratierte Standard-Farbpalette mit 22 Farbfamilien. Jede Familie hat Abstufungen von 50 bis 950; 500 ist die Grundfarbe. Die Palette ist für helle und dunkle Themes gleichermaßen geeignet.
Q: Wie wähle ich Farben für mein Projekt?
A: Kontrastwerte für Barrierefreiheit beachten (WCAG empfiehlt mindestens 4,5:1 für normalen Text). Primärfarbe für die Markenidentität, neutrale Palette für Text und Hintergründe, Akzentfarben sparsam für interaktive Elemente einsetzen. Kontrast-Prüfwerkzeuge helfen, die Auswahl zu validieren.