Farbkonverter — HEX, RGB, HSL
Konvertieren Sie Farben zwischen HEX-, RGB- und HSL-Formaten. Geben Sie eine Farbe in einem beliebigen Format ein und erhalten Sie alle Code-Varianten.
Farbeingabe
Geben Sie eine Farbe in einem der folgenden Formate ein. Die anderen Formate werden automatisch aktualisiert.
Format: #ffffff oder ffffff
Format: rgb(255, 255, 255)
Format: hsl(0, 0%, 100%)
Farbvorschau
Farbcodes
Ähnliche Werkzeuge
Entdecken Sie andere nützliche Farbwerkzeuge
Vollständige Anleitung zur Verwendung des Farbkonverters
Farbkonverter ist ein universelles Online-Tool zur Konvertierung von Farben zwischen HEX-, RGB- und HSL-Formaten. Mit diesem Service können Sie schnell jede Farbe von einem Format in ein anderes konvertieren, was besonders nützlich bei der Arbeit mit CSS, Web-Design und Programmierung ist.
Schritt 1: Eingabeformat wählen
Sie können eine Farbe in einem von drei Formaten eingeben: HEX (#ffffff), RGB (rgb(255, 255, 255)) oder HSL (hsl(0, 0%, 100%)). Wählen Sie einfach das für Sie bequeme Format und geben Sie den Farbwert ein.
Schritt 2: Automatische Konvertierung
Nach der Eingabe einer Farbe in einem Format konvertiert das Tool sie automatisch in alle anderen Formate. Sie sehen sofort HEX-, RGB- und HSL-Codes der ausgewählten Farbe.
Schritt 3: Farbvorschau
Das Tool zeigt eine visuelle Vorschau der ausgewählten Farbe mit einem Textbeispiel. Die Textfarbe wird automatisch gewählt (schwarz oder weiß), um die beste Lesbarkeit zu gewährleisten.
Schritt 4: Farbcodes kopieren
Verwenden Sie die 'Kopieren'-Schaltflächen neben jedem Format (HEX, RGB, HSL), um den Code schnell in die Zwischenablage zu kopieren. Dies ist besonders praktisch bei der Arbeit mit CSS und Design.
Wie man den Farbkonverter verwendet
Wie man HEX in RGB konvertiert
Geben Sie den HEX-Farbcode (z.B. #ff0000) in das HEX-Feld ein. Das Tool zeigt automatisch das RGB-Äquivalent (rgb(255, 0, 0)) und den HSL-Wert an. Sie können eines der Formate kopieren.
Wie man RGB in HEX konvertiert
Geben Sie den RGB-Wert im Format rgb(255, 0, 0) in das RGB-Feld ein. Das Tool konvertiert es automatisch in HEX (#ff0000) und HSL. Alle Formate werden sofort aktualisiert.
Wie man HSL in HEX und RGB konvertiert
Geben Sie den HSL-Wert im Format hsl(0, 100%, 50%) in das HSL-Feld ein. Das Tool zeigt automatisch HEX- und RGB-Äquivalente an. Dies ist nützlich bei der Arbeit mit CSS, wo HSL oft zur Erstellung von Farbvariationen verwendet wird.
Wie man den Konverter für CSS verwendet
Farbkonverter ist perfekt für Web-Entwicklung. Sie können schnell zwischen Formaten wechseln, Codes kopieren und in CSS-Dateien, Styles und Design-Systemen verwenden.
Wie man Farbcode kopiert
Nach der Konvertierung einer Farbe klicken Sie auf die Schaltfläche 'Kopieren' neben dem gewünschten Format. Der Code wird in die Zwischenablage kopiert und ist bereit zur Verwendung in Ihrem Projekt.
Wie man die Farbvorschau verwendet
Das Tool zeigt automatisch eine visuelle Vorschau der Farbe mit einem Textbeispiel. Dies hilft zu bewerten, wie die Farbe in der tatsächlichen Verwendung aussehen wird.
Häufig gestellte Fragen zum Farbkonverter
Welche Farbformate werden unterstützt?
Der Konverter unterstützt drei Hauptformate: HEX (#ffffff), RGB (rgb(255, 255, 255)) und HSL (hsl(0, 0%, 100%)). Sie können eine Farbe in einem dieser Formate eingeben, und das Tool konvertiert sie automatisch in die anderen.
Wie konvertiert man HEX in RGB?
Geben Sie einfach den HEX-Code (z.B. #ff0000) in das HEX-Feld ein. Das Tool zeigt automatisch das RGB-Äquivalent (rgb(255, 0, 0)) und den HSL-Wert an. Sie können eines der Formate kopieren.
Wie konvertiert man RGB in HEX?
Geben Sie den RGB-Wert im Format rgb(255, 0, 0) in das RGB-Feld ein. Das Tool konvertiert es automatisch in HEX (#ff0000) und HSL. Alle Formate werden sofort aktualisiert, wenn eines von ihnen geändert wird.
Was ist HSL-Format?
HSL (Hue, Saturation, Lightness) ist ein Farbmodell, das Farbe durch Farbton, Sättigung und Helligkeit beschreibt. HSL ist praktisch für die Erstellung von Farbvariationen und wird oft in CSS verwendet.
Kann ich den Konverter für CSS verwenden?
Ja, Farbkonverter ist perfekt für Web-Entwicklung. Sie können schnell zwischen Formaten wechseln, Codes kopieren und in CSS-Dateien, Styles und Design-Systemen verwenden.
Wie kopiert man Farbcode?
Nach der Konvertierung einer Farbe klicken Sie auf die Schaltfläche 'Kopieren' neben dem gewünschten Format (HEX, RGB oder HSL). Der Code wird in die Zwischenablage kopiert und ist bereit zur Verwendung.
Funktioniert der Konverter mit kurzen HEX-Codes?
Ja, das Tool erkennt und konvertiert automatisch kurze HEX-Codes (z.B. #f00) in vollständige Formate. Eingabe ohne das #-Symbol wird ebenfalls unterstützt.
Kann ich den Konverter für Design verwenden?
Ja, Farbkonverter ist großartig für Designer. Sie können schnell zwischen Formaten wechseln, die in verschiedenen Design-Tools (Figma, Adobe, Sketch) verwendet werden, und Codes für die Verwendung in Projekten kopieren.