HTML Farbnamen
Alle 148 HTML/CSS-Farbnamen mit HEX-, RGB- und HSL-Codes. Nach Namen suchen, nach Farbfamilie filtern, nach Farbton sortieren, nächste Farbe zum Hex finden.
Aktualisiert Juni 2026
Geprüft von Rafael Duarte
Lime vs Green
Reiner WertIn CSS ist lime das reine Grün #00FF00 — green ist tatsächlich der dunklere 50%-Ton #008000.
Aqua vs Cyan
IdentischSowohl aqua als auch cyan entsprechen exakt #00FFFF. Sie sind in jedem Browser Synonyme.
Gray vs Grey
SynonymeCSS akzeptiert beide Schreibweisen: 7 gray/grey-Paare tragen zur Gesamtzahl von 148 Keywords bei.
141 Farben gefunden
Nächstgelegener Farbnamen-Finder
Beliebigen Hex-Code einfügen und den nächstgelegenen offiziellen CSS-Farbnamen finden, sortiert nach ΔE-Farbabstand (CIELAB).
Die Geschichte von RebeccaPurple #663399
Im Jahr 2014 ehrte die Web-Community Rebecca Meyer, die sechsjährige Tochter des CSS-Pioniers Eric Meyer, die an ihrem Geburtstag an einem Hirntumor starb. Auf Vorschlag der Community wurde der Lilaton, den sie liebte, für immer als rebeccapurple in die CSS-Spezifikation aufgenommen — die einzige CSS-Farbe, die nach einem Menschen benannt ist.
So funktioniert die Farbnamen-Suche
Suchen, filtern und die passende Farbe finden
1. Namen oder Hex-Wert eingeben
Das Raster filtert live mit — tippe einen Namen wie `tomato` oder ein Hex-Fragment wie `ff63`, der Rest verschwindet sofort.
2. Nach Farbfamilie filtern oder sortieren
Wähle z. B. "Blau" und sortiere nach Helligkeit, um alle Blautöne vom hellsten bis zum dunkelsten in einem Durchgang zu sehen.
3. Kopieren oder die nächstgelegene Farbe finden
Klick auf eine Kachel kopiert den Hex-Wert. Füge stattdessen einen eigenen Hex-Code in den Finder ein, um das ähnlichste CSS-Farbschlüsselwort zu bekommen.
Was dieses Tool kann
Alle 148 CSS-Farbnamen — wirklich durchsuchbar
Finder für die nächstgelegene Farbe
Hex-Wert einfügen und das am nächsten liegende offizielle CSS-Schlüsselwort erhalten, berechnet über den ΔE-Abstand (CIELAB).
Filter nach Farbfamilie
Alle Blautöne, alle Grüntöne — so, wie ein Designer wirklich nach Farbe sucht, statt starrer alphabetischer Liste.
Sortierung nach Farbton, Helligkeit oder Sättigung
Nicht nur A bis Z — eine ganze Farbfamilie in echter visueller Abstufung durchblättern.
Fertige CSS-Snippets
Jede Farbdetailansicht liefert HEX, RGB, HSL und einen Codeblock zum direkten Einfügen ins Stylesheet.
Teilbare Karten für soziale Netzwerke
Jede Farbe erzeugt eine PNG-Karte im quadratischen Format (Instagram) oder im Breitformat (X/WhatsApp) — mit Name, HEX, RGB und HSL.
Schnellvergleich für Verwechslungspaare
lime vs. green, aqua vs. cyan, gray vs. grey — nebeneinander mit Farbmuster und Erklärung.
Beispiele
Typische Suchanfragen und was das Tool liefert
Wann du dieses Tool brauchst
Die häufigsten Situationen, in denen Nutzer darauf zurückgreifen
Prototypen und schnelle Demos
background: cornflowerblue ist schneller getippt und beim Überfliegen des Codes leichter zu lesen als ein Hex-Wert.
Semantischen Namen für eine Markenfarbe finden
Hex der Marke in den Finder einfügen und prüfen, ob ein CSS-Schlüsselwort nah genug für schnelle Mockups ist.
Einen Farbton innerhalb einer Familie auswählen
Nach "Grün" filtern und nach Helligkeit sortieren, statt eine alphabetische Tabelle nach Augenmaß zu durchsuchen.
Unterricht und Dokumentation
Namen wie tomato oder papayawhip bleiben Einsteigern beim Erklären von CSS deutlich besser im Kopf als reine Hex-Codes.
E-Mail und Markdown
Benannte Farben überstehen Copy-Paste in E-Mail-Clients und Markdown-Editoren, die keinen Farbwähler mitbringen.
Häufige Fehler bei CSS-Farbnamen
`green` verwenden und reines Grün erwarten
green steht für #008000, also die halbe Helligkeit. Das gesättigte, reine Grün heißt lime.
`grey` allein als Schlüsselwort schreiben
Als eigenständiges Schlüsselwort ist nur gray gültig — grey funktioniert ausschließlich in zusammengesetzten Namen wie darkgrey.
Von 140 Farben statt 148 ausgehen
Die Spezifikation definiert 148 Schlüsselwörter. Validierungen, die auf einer älteren Zählung basieren, lehnen gültige Namen fälschlich ab.
CSS-Farbnamen mit Tailwind-Klassen gleichsetzen
text-purple-700 aus Tailwind und rebeccapurple aus CSS stammen aus völlig unabhängigen Paletten. Für eine exakte Übereinstimmung immer die Hex-Werte vergleichen, nie die Namen.
`transparent` und `currentColor` als benannte Farben zählen
Beide sind Sonderwerte der Spezifikation, keine der 148 benannten Farben — der Finder akzeptiert diese Eingaben deshalb nicht.
Warum dieses Tool nutzen
Statt einer starren Referenztabelle filterst du hier nach Farbfamilie und sortierst nach Farbton, Helligkeit oder Sättigung — genau so, wie ein Designer tatsächlich Farbe auswählt, nicht alphabetisch von A bis Z.
Der Finder für die nächstgelegene Farbe rechnet mit dem ΔE-Abstand im CIELAB-Farbraum, der die menschliche Farbwahrnehmung deutlich realistischer abbildet als ein simpler RGB-Abstand.
Anders als das in Deutschland für Lacke, Fassaden und Verkehrsschilder gebräuchliche RAL-Farbsystem mit seinen standardisierten Nummern ist die Liste der 148 CSS-Farbnamen ein reiner Web-Standard ohne offizielle Entsprechung zu RAL-Codes — die meisten Namen stammen aus dem X11-System der 1980er-Jahre, das später von SVG und CSS übernommen wurde, daher kuriose Namen wie PapayaWhip oder NavajoWhite.
lime vs. green
Die häufigste Verwechslung bei CSS-Farben
Häufig gestellte Fragen
Genau 148 Schlüsselwörter — 141 eindeutige Namen plus 7 Aliase mit der britischen Schreibweise "grey". Die ursprünglichen 16 Grundfarben stammen aus HTML 4.01, der Rest größtenteils aus X11/SVG, und rebeccapurple kam 2014 dazu.
Weiterführende Quellen
Die kanonische Liste aller benannten Farben mit gerenderten Farbmustern.
Die offizielle Tabelle mit allen 148 Schlüsselwörtern und ihren exakten RGB-Werten.
Deutschsprachige Referenz zu Farbnotationen in HTML und CSS, inklusive Hintergrundwissen zu Farbmodellen.
Verwandte Tools
- Farbkontrast-Prüfer Design Kostenloser Farbkontrast-Prüfer — WCAG 2.2 AA- und AAA-Konformität sofort prüfen. Live-Textvorschau, Farbenblindheit-Simulation und barrierefreie...
- Farbkonverter & Generator Design Farben zwischen HEX, RGB, HSL und CMYK sofort konvertieren. Kostenloser Online-Farbwähler mit WCAG-Kontrastprüfer und Palettengenerator.
- Farbpaletten-Generator Design Harmonische Farbpaletten aus jeder Basisfarbe generieren. Analogie, Komplementär, Triadisch oder Tetriadisch — als CSS-Variablen oder JSON exportieren.
- Farbpalette aus Bild Design Extrahiere Farbpaletten aus jedem Bild — erhalte HEX-, RGB-, HSL-Codes und exportiere als CSS-Variablen, Tailwind, JSON oder PNG. 100% clientseitig, kein...
- CSS Box Shadow Generator — Neumorphismus, Glasmorphismus & Tailwind Design Kostenloser CSS Box Shadow Generator mit Live-Vorschau. Erstelle Schatten, Neumorphismus- und Glasmorphismus-Effekte. Exportiere zu CSS, Tailwind oder CSS-Variablen.
