Live-Vorschau
Bestätigen Sie die sichtbare Farbe, während Sie ihren Wert bearbeiten.
Farbkonverter
Konvertieren Sie Farben zwischen HEX, RGB und HSL mit einer Live-Vorschau.
HEX-, RGB- oder HSL-Farbe
Standardmäßig privatAuf diesem Gerät werden Ihre Eingaben und Dateien verarbeitet.
Kostenlos und sofortKein Konto, keine Warteschlange oder Softwareinstallation erforderlich.
GebrauchsfertigKopieren oder laden Sie Ergebnisse herunter, sobald sie generiert werden.
Wie zu verwenden Farbkonverter
Erhalten Sie in drei einfachen Schritten ein zuverlässiges Ergebnis.
Geben Sie eine Farbe ein oder wählen Sie sie aus
Verwenden Sie HEX, RGB, HSL oder den visuellen Farbwähler.
Überprüfen Sie jedes Format
Die entsprechenden HEX-, RGB- und HSL-Werte werden gemeinsam aktualisiert.
Kopieren Sie, was Sie brauchen
Klicken Sie auf eine beliebige Ausgabezeile, um sie für Ihr Stylesheet oder Ihre Designdatei zu kopieren.
Gebaut für die tägliche Arbeit
Nützlich ohne viel Arbeit
Gezielte Kontrollen, sofortiges Feedback und keine Abwägung zwischen Ihnen und dem Ergebnis.
Gängige CSS-Formate
Wechseln Sie sauber zwischen den von Browsern und Designtools verwendeten Formaten.
Kopieren mit einem Klick
Jedes normalisierte Ergebnis kann eingefügt werden.
Praktischer Leitfaden
Was ist Farbkonverter?
Ein Farbkonverter drückt dieselbe sichtbare Farbe in verschiedenen Notationssystemen aus. HEX ist bei Designübergaben üblich, RGB spiegelt Bildschirmfarbkanäle wider und HSL beschreibt Farbton, Sättigung und Helligkeit.
Durch eine Änderung der Notation wird die beabsichtigte Farbe nicht geändert. Wenn prozentuale Werte für eine lesbare Ausgabe gerundet werden, können geringfügige Unterschiede auftreten.
Praktische Anwendungen
Wann Sie dieses Tool verwenden sollten
Gemeinsame Wege Farbkonverter passt in reale Projekte und tägliche Aufgaben.
CSS-Authoring
Konvertieren Sie Design-HEX-Werte in RGB- oder HSL-Deklarationen.
Designsysteme
Normalisieren Sie in gemischten Farbformaten empfangene Token.
Theme-Tuning
Verwenden Sie HSL, um Helligkeit oder Sättigung systematisch anzupassen.
Qualitätssicherung
Stellen Sie sicher, dass zwei unterschiedlich geschriebene Werte dieselbe Farbe darstellen.
Hilfreiche Antworten
Häufig gestellte Fragen
Schnelle Antworten zu farbkonverter und wie diese Seite funktioniert.
Ändert die Konvertierung von HEX in RGB die Farbe?
Nein. Beide Notationen beschreiben die gleichen Rot-, Grün- und Blaukanalwerte.
Wofür ist HSL nützlich?
HSL erleichtert die unabhängige Anpassung von Farbton, Farbintensität und Helligkeit.
Werden Alphawerte unterstützt?
Der aktuelle Konverter konzentriert sich auf deckende HEX-, RGB- und HSL-Farben.
Warum sind einige HSL-Werte gerundet?
Prozentsätze und Farbtonwerte werden für eine lesbare CSS-Ausgabe gerundet.