Start AlveaHubskostenlos, ohne Anmeldung, offline

Farbwähler

rgb(46, 83, 57)
hsl(129, 29%, 25%)

Über dieses Tool

Dieses Tool wandelt eine Farbe zwischen drei gängigen Formaten um: Hex (ein 6-stelliger Code wie #2E5339, der in CSS und Design-Software verwendet wird), RGB (Rot-, Grün- und Blauwerte von 0-255) und HSL (Farbton, Sättigung und Helligkeit). Wählen Sie eine Farbe mit der Farbfläche oder geben Sie direkt einen Hex-Code ein, und die entsprechenden RGB- und HSL-Werte werden sofort aktualisiert.

Anleitung

  1. Klicken Sie auf die Farbfläche, um den Farbwähler Ihres Browsers zu öffnen, oder geben Sie einen Hex-Code (z. B. #2E5339) in das Textfeld ein.
  2. Prüfen Sie die passenden RGB- und HSL-Werte in den Feldern darunter — sie werden aktualisiert, sobald Sie eine Farbe auswählen oder eingeben.
  3. Klicken Sie auf das Kopiersymbol neben Hex, RGB oder HSL, um diesen Wert in die Zwischenablage zu kopieren.

Anwendungsbeispiele

  • Eine Hex-Farbe aus einer Design-Datei für ein CSS-Stylesheet in RGB oder HSL umwandeln.
  • Eine Markenfarbe zwischen Tools oder Codebasen abgleichen, die unterschiedliche Farbformate erwarten.
  • Mit der Schaltfläche „Zufällige Farbe“ eine zufällige Farbe für eine Palette erzeugen.

Häufige Fragen

Was ist der Unterschied zwischen Hex, RGB und HSL?

Es sind drei Möglichkeiten, dieselbe Farbe darzustellen. Hex ist ein 6-stelliger Code (z. B. #2E5339), der in CSS und Design-Software verwendet wird; RGB drückt eine Farbe als Rot-, Grün- und Blauwerte von 0-255 aus; HSL drückt sie als Farbtonwinkel (0-360°) sowie Sättigungs- und Helligkeitsprozente aus. Dieses Tool rechnet automatisch zwischen allen drei Formaten um.

Wird die von mir gewählte Farbe gespeichert oder irgendwohin gesendet?

Nein. Die gesamte Umrechnung erfolgt in Ihrem Browser mit JavaScript — die Farbwerte verlassen niemals Ihr Gerät und werden nicht an einen Server gesendet.

Warum zeigt mein Hex-Code einen Fehler an?

Das Hex-Feld akzeptiert nur gültige 3- oder 6-stellige Hexadezimalcodes (0-9, A-F) mit optionalem führendem #. Prüfen Sie auf Tippfehler, zusätzliche Zeichen oder fehlende Ziffern.

Alles wird lokal in Ihrem Browser berechnet — die gewählte Farbe wird nie an einen Server gesendet.