Farbnamen-Referenz
Durchsuche alle 148 benannten HTML/CSS-Farben mit ihren HEX- und RGB-Werten. Suche nach Farbname, HEX-Code oder RGB-Wert - und sieh sofort die nächstgelegene benannte Farbe. Filtere nach Farbgruppe, um die Familien Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White und Gray zu erkunden. Ohne Anmeldung.
Browse all 141 named HTML/CSS colors. Search by name, HEX, or RGB value. When you enter a hex code, we show the nearest named color instantly.
Warum unsere Farbnamen-Referenz verwenden?
- Sofortige Suche über alle 148 Farben: Unsere Farbnamen-Referenz lässt dich in Echtzeit nach Farbname, HEX-Wert oder RGB-Wert suchen. Finde jede benannte CSS-Farbe sofort - kein Neuladen der Seite, kein Warten, einfach tippen und Ergebnisse sehen.
- Kopieren von Name, HEX und RGB mit einem Klick: Klicke auf ein Farbfeld, einen Namen, einen HEX-Code oder einen RGB-Wert, um ihn sofort in die Zwischenablage zu kopieren. Unsere Farbnamen-Referenz macht es mühelos, den exakten Wert für dein CSS oder Design-Tool zu erhalten.
- Sichere Farbnamen-Referenz online: Unsere Farbnamen-Referenz läuft vollständig in deinem Browser - es werden keine Daten an einen Server gesendet. Durchsuche, filtere und kopiere Farbwerte mit vollständigem Datenschutz. Funktioniert nach dem Laden der Seite offline.
- Farbnamen ohne Installation und 100 % kostenlos: Nutze unsere Farbnamen-Referenz direkt in jedem Browser, ohne Downloads, Konto und Werbung. Durchsuche alle 148 benannten HTML/CSS-Farben, organisiert nach Farbgruppe - für immer völlig kostenlos.
Typische Anwendungsfälle der Farbnamen-Referenz
- CSS- und HTML-Entwicklung: Nutze unsere Farbnamen-Referenz, um schnell die exakte benannte Farbe für deine CSS-Stylesheets zu finden. Benannte Farben wie Tomato, CornflowerBlue und MediumSeaGreen sind gültige CSS-Werte - kein HEX nötig.
- Design-Prototyping: Designer nutzen unsere Farbnamen-Referenz, um beim Prototyping die gesamte Palette browsernativer Farben zu erkunden. Kopiere jeden HEX- oder RGB-Wert direkt in Figma, Sketch oder Adobe XD.
- Webfarben lernen: Studierende und Entwickler, die CSS lernen, nutzen unsere Farbnamen-Referenz, um die vollständige Menge benannter Farben zu verstehen, die in jedem Browser verfügbar ist. Durchsuche nach Gruppe, um zu sehen, wie Farben organisiert sind.
- Barrierefreiheit und Kontrast prüfen: Nutze unsere Farbnamen-Referenz, um Farben mit ausreichendem Kontrast für ein barrierefreies UI-Design zu finden. Durchsuche helle und dunkle benannte Farben, um Kombinationen zu finden, die WCAG-Richtlinien erfüllen.
- Entwicklung von E-Mail-Vorlagen: E-Mail-Vorlagen benötigen oft benannte Farben für maximale Kompatibilität zwischen E-Mail-Clients. Unsere Farbnamen-Referenz liefert dir den exakten Namen, HEX und RGB für jede unterstützte Farbe.
- SVG- und Canvas-Entwicklung: SVG und HTML Canvas akzeptieren benannte Farbstrings direkt. Nutze unsere Farbnamen-Referenz, um die passende benannte Farbe für fill-, stroke- und background-Eigenschaften in deinem SVG- oder Canvas-Code zu finden.
Was sind HTML-Farbnamen?
HTML-Farbnamen sind vordefinierte, menschenlesbare Farbschlüsselwörter, die von allen modernen Browsern als gültige CSS-Farbwerte erkannt werden. Statt #FF6347 zu schreiben, kannst du Tomato direkt in deinem CSS verwenden und erhältst genau dasselbe Ergebnis. Die CSS-Spezifikation definiert 148 benannte Farben - von Grundfarben wie Red und Blue bis zu beschreibenden Namen wie PapayaWhip , MidnightBlue und RebeccaPurple . Unsere Farbnamen-Referenz listet jede benannte Farbe mit ihren HEX- und RGB-Werten auf, damit du den exakten benötigten Wert findest und kopierst.
So funktioniert unsere Farbnamen-Referenz
- Durchsuchen oder suchen: Nutze die Suchleiste, um jeden HTML-Farbnamen über Name, HEX-Code oder RGB-Wert zu finden. Oder klicke auf einen Farbgruppenfilter (Red, Pink, Orange usw.), um Farben nach Familie zu durchsuchen. Die gesamte Filterung läuft sofort in deinem Browser.
- Sofortige Referenz im Browser: Alle 148 benannten HTML/CSS-Farben werden lokal geladen - keine Serveranfragen, keine API-Aufrufe. Die gesamte HTML-Farbnamen-Referenz funktioniert nach dem Laden der Seite offline. Deine Suchen und Interaktionen verlassen nie dein Gerät.
- Beliebigen Wert kopieren: Klicke auf das Farbfeld, um den HEX-Wert zu kopieren. Klicke separat auf den Farbnamen, den HEX-Code oder den RGB-Wert, um jeweils diesen zu kopieren. Ein Häkchen bestätigt, dass das Kopieren erfolgreich war.
Was die Farbnamen-Referenz enthält
- Farbname: das exakte CSS-Schlüsselwort (z. B. CornflowerBlue ) - in CSS unabhängig von Groß-/Kleinschreibung, aber zur Lesbarkeit in seiner kanonischen gemischten Schreibweise angezeigt.
- HEX-Wert: der sechsstellige hexadezimale Farbcode (z. B. #6495ED ) - das gängigste Format für Webfarben in HTML und CSS.
- RGB-Wert: die Werte der Kanäle Rot, Grün und Blau (z. B. rgb(100, 149, 237) ) - bereit zum Einfügen in CSS, JavaScript-Canvas oder jedes Design-Tool.
- Farbgruppen: alle 148 Farben in 10 Gruppen organisiert - Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White und Gray - für einfaches Durchsuchen und Entdecken.
Wichtige Hinweise zu benannten HTML-Farben
HTML-Farbnamen sind in CSS unabhängig von Groß-/Kleinschreibung - sowohl cornflowerblue als auch CornflowerBlue sind gültig. Beachte, dass Fuchsia und Magenta Aliasse derselben Farbe sind ( #FF00FF ), ebenso Aqua und Cyan ( #00FFFF ). Für Produktions-CSS werden benannte Farben von allen modernen Browsern vollständig unterstützt und sind eine gültige Alternative zu HEX- oder RGB-Werten.
Häufig gestellte Fragen
HTML-Farbnamen sind vordefinierte CSS-Schlüsselwörter, die bestimmte Farben repräsentieren - wie Tomato, CornflowerBlue oder MediumSeaGreen. Alle 148 benannten Farben werden von jedem modernen Browser als gültige CSS-Farbwerte erkannt. Unsere Farbnamen-Referenz listet jede benannte Farbe mit ihren HEX- und RGB-Entsprechungen auf.
Die Spezifikation CSS Color Level 4 definiert 148 benannte Farben, von Grundfarben (Red, Blue, Green) über beschreibende Namen (Tomato, Coral, Salmon) bis zu historischen Namen wie RebeccaPurple. Unsere Farbnamen-Referenz enthält alle 148.
Nein. HTML-Farbnamen sind in CSS unabhängig von Groß-/Kleinschreibung - cornflowerblue, CornflowerBlue und CORNFLOWERBLUE ergeben dasselbe Ergebnis.
Ja. Unsere Farbnamen-Referenz läuft vollständig in deinem Browser - alle 148 Farben werden lokal ohne Serveranfragen geladen. Deine Suchen und Interaktionen verlassen nie dein Gerät.
Ja, unsere Farbnamen-Referenz ist 100 % kostenlos, ohne Anmeldung, ohne Konto, ohne Nutzungsgrenzen und ohne Werbung.
Ja. Benannte HTML-Farben sind in CSS, SVG (Attribute fill, stroke) und HTML Canvas (fillStyle, strokeStyle) gültig. Sie werden auch in den meisten Design-Tools akzeptiert, die CSS-Farbeingaben unterstützen.
Fuchsia und Magenta sind Aliasse derselben Farbe (#FF00FF), ebenso Aqua und Cyan (#00FFFF). Diese Duplikate existieren aus historischer Kompatibilität mit den Namenskonventionen von HTML 4 und CSS.
RebeccaPurple (#663399) wurde 2014 zu CSS Color Level 4 hinzugefügt - zu Ehren von Rebecca Alison Meyer, der Tochter des Webstandards-Aktivisten Eric Meyer. Es ist die einzige benannte CSS-Farbe, die nach einer bestimmten Person benannt ist.