Farbname zu HEX Konverter

Konvertieren Sie CSS-Farbnamen in HEX-, RGB- und HSL-Codes. Alle 147 HTML/CSS-Farbnamen mit Live-Vorschau. Kostenlos, sofort.

HEX
—
RGB
—
HSL
—
Color Name
—

About Color Name to HEX Converter

Schlagen Sie jeden CSS-Farbnamen nach und sehen Sie sofort die HEX-, RGB- und HSL-Werte – oder gehen Sie den umgekehrten Weg und finden Sie den nächsten benannten Farbnamen aus einem beliebigen HEX-Code. Alle 147 standardmäßigen HTML/CSS-Farbnamen sind enthalten.

147 benannte Farben

Vollständige CSS-Farbpalette von Aliceblue bis Yellowgreen. Durchsuchbar nach Namen oder durchstöbern Sie die gesamte Liste.

HEX → Name umgekehrt

Fügen Sie einen beliebigen HEX-Code ein und finden Sie den nächsten passenden CSS-Farbnamen. Verarbeitet sowohl #-präfixierte als auch nackte Hex-Werte.

RGB + HSL-Konvertierung

Sehen Sie die RGB- (r,g,b) und HSL-Werte (Farbton, Sättigung, Helligkeit), die sofort aus jeder Farbe berechnet werden, die Sie nachschlagen.

Farbvorschau

Live-Farbfeld aktualisiert sich beim Tippen. Sehen Sie die tatsächliche Farbe, bevor Sie sie in Ihrem Projekt verwenden. Kopieren Sie Werte mit einem Klick.

How It Works

1
Choose your mode — Switch between "Color Name → HEX" to look up a named color, or "HEX → Color Name" to find which CSS color matches a hex code.
2
Type or paste your value — Start typing a color name (e.g., "tomato") or paste a HEX code (e.g., "#FF6347"). Results update instantly as you type.
3
Read the values — The color swatch shows the actual color. HEX, RGB, and HSL values are displayed side by side. Click Copy to grab any value.

📋 Common Use Cases

Medienübergreifendes Design

Konvertieren Sie Druckfarben (CMYK) in Bildschirmfarben (RGB/Hex), wenn Sie Markenassets von physischen auf digitale Medien übertragen.

CSS & Webentwicklung

Wandeln Sie Farben zwischen Hex-, RGB- und HSL-Formaten um, um sie in Stylesheets, Design-Tokens und Komponentenbibliotheken zu verwenden.

Markenkonsistenz

Stellen Sie Farbgenauigkeit sicher, wenn Sie Markenpaletten zwischen verschiedenen Design-Tools übersetzen, die bestimmte Farbformate erfordern.

Barrierefreiheitstests

Konvertieren Sie Farben in analysierbare Formate für Kontrastprüfungen und WCAG-Konformitätsprüfungen.

🪜 How to Use This Tool

  1. Geben Sie Ihre Quellfarbe ein
    Geben Sie den Farbwert im Quellformat ein – Hex-Code, RGB-Werte, CMYK-Prozentsätze oder HSL-Parameter.
  2. Wählen Sie das Zielformat
    Wählen Sie Ihr gewünschtes Ausgabeformat. Die meisten Konverter zeigen eine Live-Farbvorschau neben den konvertierten Werten.
  3. Anzeigen und Kopieren der konvertierten Farbe
    Die konvertierte Farbe erscheint sofort. Kopieren Sie einzelne Werte oder die vollständige Ausgabezeichenfolge für Ihr Projekt.
  4. Verwendung in Ihrem Projekt
    Fügen Sie die konvertierte Farbe direkt in Ihr CSS, Ihr Design-Tool oder Ihre Druckspezifikation ein. Überprüfen Sie, ob die Vorschau Ihren Erwartungen entspricht.

📚 Related Guides

Frequently Asked Questions

Sind diese Konverter kostenlos?▼
Ja. Alle Konverter sind völlig kostenlos. Keine Anmeldung erforderlich.
Wie genau ist der Einheitenkonverter?▼
Er verwendet standardmäßige Umrechnungsfaktoren für Länge, Masse, Temperatur, Fläche, Volumen und Geschwindigkeit. Die Ergebnisse sind auf 6 Dezimalstellen genau.