Referenz zu HTML-Farbnamen

• Vollständige Farbnamendatenbank: Greifen Sie in einer durchsuchbaren Referenz auf alle 148 HTML- und CSS-benannten Farben zu. Jede Farbkarte zeigt den Namen, den HEX-Wert und ein visuelles Farbfeld an, sodass Sie ganz einfach die perfekte Farbe für jedes Projekt finden können – von Standard-HTML 4.01-Farben bis hin zu erweiterten benannten CSS-Farben.
• Browser- und E-Mail-Kompatibilität: Jeder Farbeintrag enthält Indikatoren für Browserunterstützung und E-Mail-Client-Kompatibilität. Erfahren Sie auf einen Blick, welche Farben sicher in HTML-E-Mails verwendet werden können, welche websicher sind und welche Standardfarben von HTML 4.01 selbst in den ältesten Browsern unterstützt werden.
• Intelligente Filterung und Suche: Grenzen Sie Farben schnell nach Kategorie ein – Standard-HTML 4.01, erweitertes CSS oder E-Mail-sicher. Suchen Sie nach Namen oder HEX-Wert mit sofortigen Ergebnissen. Das übersichtliche, reaktionsfähige Raster erleichtert das Durchsuchen und Vergleichen von Farben auf jedem Gerät.
• 100 % kostenlos und Datenschutz an erster Stelle: Die HTML-Farbnamenreferenz funktioniert vollständig in Ihrem Browser, ohne dass Daten an einen Server gesendet werden. Durchsuchen, suchen und kopieren Sie Farben sofort. Keine Anmeldung erforderlich, kein Tracking, keine Grenzen – völlig kostenlos für alle Ihre Projekte.

• Webentwicklung und CSS: Finden Sie schnell die genau benannte Farbe, die Sie für Ihre CSS-Stylesheets benötigen. Verwenden Sie die Schaltfläche „Kopieren“, um den Farbnamen oder HEX-Wert sofort abzurufen und ihn dann direkt in Ihren Code einzufügen. Perfekt für Rapid Prototyping und Produktionsdesign.
• E-Mail-Newsletter-Design: Stellen Sie sicher, dass Ihre E-Mail-Designs in allen E-Mail-Clients korrekt dargestellt werden. Filtern Sie nach E-Mail-sicheren Farben, um Kompatibilitätsprobleme mit Outlook, Gmail und Apple Mail zu vermeiden. Verwenden Sie die Browser-Unterstützungsindikatoren, um Farben auszuwählen, die überall funktionieren.
• Browserübergreifende Kompatibilität: Überprüfen Sie die Browserunterstützung für jede benannte Farbe, bevor Sie sie in Ihrem Projekt verwenden. Während alle modernen Browser den vollständigen benannten CSS-Farbsatz unterstützen, hilft es bei der Ausrichtung auf ältere Browser und Legacy-Systeme, zu wissen, welche Farben Standard-HTML 4.01 sind.
• Design-System-Entwicklung: Referenzieren Sie benannte Farben beim Erstellen von Design-System-Farbtokens. Benannte Farben liefern eine semantische Bedeutung und sind leichter zu merken als Hexadezimalcodes. Ordnen Sie Ihren Design-Tokens benannte Farben zu, um Stylesheets besser lesbar und wartbar zu machen.
• HTML und CSS lernen: Perfekt für Studenten und Anfänger, die Webentwicklung lernen. Entdecken Sie die gesamte Palette benannter Farben, um Konventionen zur Farbbenennung, Hexadezimalwerte und die verfügbaren Farben zu verstehen, ohne sich komplexe Farbcodes merken zu müssen.
• Zugänglichkeit und Farbauswahl: Verwenden Sie die Farbmuster, um Farbkombinationen schnell auf Zugänglichkeit hin zu bewerten. Mit benannten Farben können Sie die Farbauswahl ganz einfach mit Ihrem Team kommunizieren und eine konsistente Farbverwendung im gesamten Projekt sicherstellen.

HTML-Farbnamen sind vordefinierte Schlüsselwörter, die bestimmte Farben in der Webentwicklung darstellen. Ursprünglich im HTML 4.01-Standard mit 16 Grundfarben spezifiziert (Aqua, Schwarz, Blau, Fuchsia, Grau, Grün, Limette, Kastanienbraun, Marineblau, Oliv, Lila, Rot, Silber, Blaugrün, Weiß und Gelb), wurde die Liste in CSS Color Module Level 3 um 147 zusätzliche benannte Farben erweitert, sodass sich die Gesamtzahl auf 147 erhöhte. CSS Color Level 4 fügte später rebeccapurple hinzu, um Eric Meyers Tochter zu ehren, wodurch die Gesamtzahl auf den aktuellen Stand gebracht wurde 148 benannte Farben.

Im Gegensatz zu hexadezimalen oder RGB-Farbcodes sind benannte Farben intuitiv lesbar und einprägsam. Durch die Verwendung von Coral anstelle von #FF7F50 wird Ihr CSS aussagekräftiger und wartbarer, insbesondere wenn Sie in Teams arbeiten oder wenn semantische Farbbenennung für die Konsistenz des Designsystems wichtig ist.

Unsere HTML-Farbnamen-Referenz organisiert alle 148 benannten Farben in einem durchsuchbaren, filterbaren Raster, das das Finden der richtigen Farbe schnell und intuitiv macht. So funktioniert es:

1. Durchsuchen oder suchen – Scrollen Sie durch das gesamte Farbraster oder geben Sie einen Namen (wie „Koralle“ oder „Rebeccapurple“) oder einen HEX-Wert (wie #FF7F50) in die Suchleiste ein. Die Ergebnisse werden während der Eingabe in Echtzeit aktualisiert und zeigen sofort passende Farben an.
2. Nach Kategorie filtern – Verwenden Sie die Kategoriechips, um die Ergebnisse einzugrenzen: Zeigen Sie nur die 16 Standard-HTML 4.01-Farben, die erweiterten CSS-benannten Farben oder nur die Farben an, die sicher in HTML-E-Mails verwendet werden können. Jeder Filter hilft Ihnen, Farben zu finden, die für bestimmte Anwendungsfälle geeignet sind.
3. Kopieren und verwenden – Jede Farbkarte enthält Kopierschaltflächen sowohl für den Farbnamen als auch für den HEX-Wert. Klicken Sie zum Kopieren und fügen Sie es dann direkt in Ihr CSS, HTML, Ihre E-Mail-Vorlage oder Ihr Designtool ein. Das visuelle Farbmuster gibt Ihnen eine genaue Vorschau darauf, wie die Farbe aussieht.

• Browserunterstützung: Alle 148 CSS-benannten Farben werden in jedem modernen Browser unterstützt – Chrome, Firefox, Safari, Edge und Opera. Die 16 grundlegenden HTML 4.01-Farben werden in praktisch jedem jemals erstellten Browser unterstützt, einschließlich Internet Explorer 3+. Erweiterte CSS-benannte Farben werden in allen CSS3-fähigen Browsern (IE 9+) unterstützt.
• E-Mail-Client-Kompatibilität: Die 16 Standardfarben von HTML 4.01 sowie einige häufig verwendete erweiterte Farben wie Orange, Braun, Pink und Gold werden von allen E-Mail-Clients, einschließlich Outlook (Desktop und Web), Gmail, Yahoo Mail und Apple Mail, weitgehend unterstützt. Dunklere erweiterte Farben werden in der Word-basierten Rendering-Engine von Outlook möglicherweise nicht korrekt dargestellt und greifen möglicherweise auf eine Standardfarbe zurück.
• Websichere Farben: Als „Websicher“ gekennzeichnete Farben gehören zu den 216 Farben, die auf allen Monitoren und Browsern ohne Schwankungen konsistent angezeigt werden. Obwohl sie bei modernen Displays weniger wichtig sind, sind websichere Farben dennoch nützlich, um ein einheitliches Erscheinungsbild auf älteren oder minderwertigen Bildschirmen beizubehalten.
• CSS Color Level 4: Die moderne CSS Color Level 4-Spezifikation führte 2014 rebeccapurple (hex #663399) ein, zu Ehren von Eric Meyers Tochter Rebecca. Dies ist die zuletzt hinzugefügte benannte Farbe und wird in allen modernen Browsern unterstützt.

Ihre Privatsphäre ist unsere Priorität. Die HTML-Farbnamenreferenz verarbeitet alles lokal in Ihrem Browser. Es werden keine Daten an einen Server gesendet – Ihre Suchanfragen, Filter und Farbauswahlen verlassen niemals Ihr Gerät. Das Tool ist völlig kostenlos, es ist keine Anmeldung erforderlich, es gibt keine Nutzungsbeschränkungen und keine versteckten Einschränkungen. Verwenden Sie es sicher für persönliche Projekte, kommerzielle Websites, Kundenarbeiten oder Bildungszwecke.