Skip to main content
FreeToolkit .ai

Referenz für benannte CSS-Farben Durchsuchen Sie alle 140+ benannten CSS-Farben mit Suchfunktion, sortieren nach Farbton oder Helligkeit.

Referenz für benannte CSS-Farben illustration
🎨

Referenz für benannte CSS-Farben

Durchsuchen Sie alle 140+ benannten CSS-Farben mit Suchfunktion, sortieren nach Farbton oder Helligkeit.

1

Farben suchen

Filtern Sie Farben, indem Sie einen Namensfragment eingeben.

2

Sortieroptionen

Sortieren Sie nach alphabetischem Namen, Farbwinkel oder Helligkeit.

3

HEX kopieren

Kopieren Sie den HEX-Code einer beliebigen Farbe.

Loading tool...

What Is Referenz für benannte CSS-Farben?

Die CSS-Namensfarben-Referenz ist ein umfassender visueller Katalog aller 140+ im W3C-Standard definierten CSS-Namensfarben. Im Gegensatz zu einem einfachen Nachschlage-Werkzeug bietet diese Referenz mehrere Sortieroptionen - alphabetisch, nach Farbton (ähnliche Farben werden gruppiert) und nach Helligkeit (von hellsten bis dunkelsten) - was sie zu einem leistungsstarken Werkzeug für die Erforschung und Entdeckung von Farben macht. Jeder Farbeintrag zeigt eine visuelle Vorschau, den semantischen Namen und den HEX-Code. Die Suchfunktion filtert nach teilweisen Namensübereinstimmungen, sodass bei der Eingabe von "blau" alle blauen Farben (aliceblue, blue, cadetblue, cornflowerblue usw.) angezeigt werden. Diese Referenz ist für Entwickler unerlässlich, die schnell nach Namensfarben suchen möchten, herausfinden möchten, welche CSS-Farbnamen verfügbar sind oder semantisch bedeutungsvolle Farbnamen für Prototypen auswählen möchten.

Why Use Referenz für benannte CSS-Farben?

  • Vollständiger Katalog aller 140+ benannter CSS-Farben
  • Drei Sortieroptionen: Name, Farbwinkel und Helligkeit
  • Suchfilterung durch teilweisen Namensabgleich
  • Visuelle Farbproben für den sofortigen Farbvergleich
  • Ein-Klick-Kopie für jeden HEX-Code

Common Use Cases

Farbentdeckung

Blättern Sie durch benannte Farben, sortiert nach Farbwinkel, um neue Farben zu entdecken, die in CSS existieren.

Schnellreferenz

Finden Sie den exakten HEX-Wert für jede benannte CSS-Farbe.

Prototyping

Wählen Sie semantische Farbnamen für schnelles Prototyping, ohne HEX-Codes nachschlagen zu müssen.

Bildung

Lernen Sie die gesamte Palette der benannten CSS-Farben und deren visuelles Erscheinungsbild kennen.

Technical Guide

CSS-Namensfarben sind Schlüsselwörter, die im CSS Color Module Level 4-Standard definiert sind. Es gibt 148 Namensfarben (einschließlich Aliase wie aqua/cyan). Jeder Name entspricht einer bestimmten sRGB-Farbe. Die Sortierung nach Farbton verwendet den HSL-Farbtonwinkel (0-360°), der aus jedem HEX-Wert extrahiert wird, was Rot-, Orange-, Gelb-, Grün-, Blau- und Violetttöne zusammenfasst. Die Sortierung nach Helligkeit verwendet den HSL-Helligkeitswert (0-100%). Achromatische Farben (schwarz, weiß, Grautöne) haben einen Farbtonwinkel von 0°, aber eine sehr geringe Sättigung, sodass sie am Ende der Farbsortierung clusteren. Es gibt einige Benennungsinkonsistenzen aus dem X11-Farbsystem-Erbe - insbesondere ist "dunkelgrau" (A9A9A9) heller als "graumedium" oder "gray" (808080).

Tips & Best Practices

  • 1
    Sortieren Sie nach Farbwinkel, um alle Blautöne, Grün-, Rot- usw. zusammen zu finden
  • 2
    Sortieren Sie nach Helligkeit, um schnell helle Farben für Hintergründe oder dunkle Farben für Texte zu finden
  • 3
    Die Suche akzeptiert teilweise Übereinstimmungen - "Meer" findet seagreen, seashell, darkseagreen usw.
  • 4
    Benannte Farben sind großartig für console.log-Styling, SVG-Füllungen und schnelle Prototypen
  • 5
    Für die Produktion sollten Sie benannte Farben durch exakte HEX-Werte ersetzen, um Vorhersehbarkeit zu gewährleisten

Related Tools

HEX zu RGB Konverter - free online tool

HEX zu RGB Konverter

Konvertieren Sie HEX-Farbcodes in RGB-Werte sofort mit einer Live-Vorschau.

🎨 Color Tools
HEX zu HSL Konverter - free online tool

HEX zu HSL Konverter

Wandeln Sie HEX-Farbcodes in HSL-Werte (Farbton, Sättigung, Helligkeit) um.

🎨 Color Tools
Farbname zu HEX - free online tool

Farbname zu HEX

Suchen und Vorschau von HEX-Codes für alle 140+ benannten CSS-Farben.

🎨 Color Tools
Farbpicker - free online tool

Farbpicker

Interaktiver Farbpicker mit HEX-, RGB-, HSL- und CMYK-Ausgaben.

🎨 Color Tools
Tailwind Farbfinder - free online tool

Tailwind Farbfinder

Finden Sie die nächstliegende Tailwind CSS-Farbklassen für jeden HEX-Code.

🎨 Color Tools

Frequently Asked Questions

Q Wie viele benannte CSS-Farben gibt es?
148 benannte Farben in der CSS-Spezifikation, mit 145 eindeutigen Farben (3 sind Aliase: aqua=cyan, fuchsia=magenta, darkgrey=darkgray).
Q Was bedeutet das Sortieren nach Farbwinkel?
Das Sortieren nach Farbwinkel ordnet die Farben nach ihrer Position auf dem Farbkreis (0-360°) an. Rote Farben kommen zuerst (0°), dann Orangetöne, Gelbtöne, Grün-, Blau-, Purpurtöne und zurück zu Rot. Grautöne haben keinen definierten Farbwinkel und erscheinen am Ende.
Q Kann ich benannte Farben in modernem CSS verwenden?
Ja, benannte Farben funktionieren in allen CSS-Eigenschaften, die Farbwerte akzeptieren. Sie sind im CSS-Standard definiert und universell unterstützt.

About This Tool

Referenz für benannte CSS-Farben is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.