Farbkonverter

Wandeln Sie zwischen den Farbnotationen HEX, RGB und HSL um.

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Anwendungsbeispiele

Einen Farbcode aus einem Design-Mockup umwandeln

Nehmen Sie einen HEX-Code aus Ihrem Design-Tool und wandeln Sie ihn in den RGB- oder HSL-Wert um, den Sie direkt im CSS brauchen.

Einen HEX-Code aus RGB-Werten erstellen

Geben Sie die RGB-Zahlen aus einem Bildbearbeitungsprogramm ein, um sofort den passenden HEX-Code für Ihren Code zu erhalten.

Mit HSL Helligkeit und Sättigung nachvollziehen

Wandeln Sie dieselbe Farbe in HSL um, um zu sehen, wie Sie Sättigung oder Helligkeit anpassen können, während der Farbton exakt gleich bleibt.

Häufig gestellte Fragen

Wird der von mir eingegebene Farbwert an einen Server gesendet?

Nein. Alle Umrechnungen erfolgen vollständig in Ihrem Browser, und die eingegebenen Farbwerte werden niemals an einen Server gesendet.

Werden dreistellige HEX-Kurzcodes unterstützt?

Ja. Kurzcodes wie #FFF werden erkannt und vor der Umrechnung auf 6 Stellen erweitert.

Welches Format sollte ich für RGB- oder HSL-Eingaben verwenden?

Trennen Sie die Zahlen durch Kommas oder Leerzeichen — zum Beispiel "59, 130, 246" für RGB oder "217, 91, 60" für HSL.

Werden die Werte auch aktualisiert, wenn ich eine Farbe mit dem Farbwähler auswähle?

Ja. Jede mit dem Farbwähler ausgewählte Farbe aktualisiert sofort die HEX-, RGB- und HSL-Werte.