Farbkonverter & Farbauswahl
Wählen Sie eine beliebige Farbe und erhalten Sie sofort deren HEX-, RGB- und HSL-Werte. Klicken Sie, um jedes Format zu Kopie – ideal für CSS, Design-Tools und Code.
So konvertieren Sie Farben
Wählen Sie eine Farbe mit dem Farbwähler oder geben Sie einen HEX-, RGB- oder HSL-Wert direkt in ein beliebiges Eingabefeld ein.
Alle Formate werden sofort aktualisiert – HEX-, RGB- und HSL-Werte werden in Echtzeit neu berechnet, sobald Sie Änderungen vornehmen.
Klicken Sie auf die Schaltfläche „Kopieren“ neben einem beliebigen Format, um den Wert in Ihre Zwischenablage zu Kopie , sodass Sie ihn anschließend in CSS, Figma oder Code einfügen können.
Weitere Tools entdecken
Entdecken Sie weitere kostenlose Tools, die hervorragend mit diesem Tool harmonieren.
Bildkompressor
Dateigröße reduzieren, ohne die Qualität zu beeinträchtigen
Bildskalierung
Bilder auf exakte Abmessungen skalieren.
Hintergrundentferner
Hintergründe mit KI-Präzision entfernen
QR-Code-Generator
Erstellen Sie im Handumdrehen individuelle QR-Codes.
Bildkonverter
Konvertierung zwischen über 30 Bildformaten
PNG zu WebP
Kleinere Dateien, gleiche Qualität fürs Web
Häufig gestellte Fragen
Worin besteht der Unterschied zwischen HEX, RGB und HSL?
HEX (z. B. #FF5733) ist eine hexadezimale Farbdarstellung, die in HTML und CSS verwendet wird. RGB (z. B. rgb(255, 87, 51)) definiert eine Farbe durch ihre Rot-, Grün- und Blaukanäle. HSL (z. B. hsl(11, 100%, 60%)) definiert eine Farbe durch ihren Farbton, ihre Sättigung und ihre Helligkeit – oft intuitiver für Designer, die nur kleine Anpassungen vornehmen.
Kann ich einen HEX-Code direkt eingeben?
Ja. Klicken Sie auf das HEX-Eingabefeld und geben Sie einen gültigen 6-stelligen Hexadezimalcode ein oder fügen Sie ihn ein (z. B. #3B82F6). Die RGB- und HSL-Werte werden automatisch aktualisiert. Sowohl 3-stellige (#RGB) als auch 6-stellige (#RRGGBB) Formate werden unterstützt.
Werden die Farbdaten an einen Server gesendet?
Nein. Die gesamte Farbkonvertierung findet ausschließlich in Ihrem Browser mithilfe von JavaScript statt. Es werden keine Daten an einen Server gesendet.
Kann ich dieses Tool verwenden, um CSS-Farbwerte zu erhalten?
Ja – klicken Sie einfach neben HEX, RGB oder HSL auf „Kopieren“ und fügen Sie den Wert direkt in Ihr CSS ein. Alle drei Formate sind gültige CSS-Farbwerte, die von jedem modernen Browser unterstützt werden.