Farbwerkzeuge

Farbumrechner

Wandeln Sie Farbwerte zwischen HEX, RGB und HSL um, inklusive visueller Vorschau und detaillierter Kanalwerte.

Tool ausführen

Dieser Farbumrechner wandelt Farbwerte zwischen den Formaten HEX, RGB und HSL um. Das Werkzeug verarbeitet hexadezimale Farbangaben mit drei oder sechs Zeichen, wahlweise mit oder ohne führendes Rautezeichen. Wenn Sie RGB-Werte eingeben, liest das System drei numerische Werte im Bereich von 0 bis 255 ein. Bei HSL-Eingaben wird der Farbton automatisch im 360-Grad-Kreis berechnet, während Werte für Sättigung und Helligkeit auf den Bereich von 0 bis 100 Prozent begrenzt werden. Nach der Eingabe zeigt das Werkzeug die entsprechenden Darstellungen im Hexadezimalformat, als RGB-Code und in HSL-Notation an. Ergänzend erhalten Sie die einzelnen ganzzahligen Farbkanäle sowie eine visuelle Farbvorschau. Die Standardeinstellung für das Eingabeformat ist HEX. Falls ein Eingabefeld leer bleibt, ungültige Zeichen enthält oder ein nicht unterstütztes Quellformat angegeben wird, bricht die Berechnung ab. Das Tool eignet sich für Webentwicklung, Benutzeroberflächendesign und die schnelle Anpassung von Farbformaten in Stylesheets und Grafikanwendungen.

Anleitung

  1. Wählen Sie das passende Quellformat für Ihren Farbcode aus (hex, rgb oder hsl).
  2. Geben Sie den Farbcode in das dafür vorgesehene Textfeld ein.
  3. Starten Sie die Umrechnung, um die Darstellungen in HEX, RGB und HSL sowie die Farbvorschau zu sehen.

Beispiele

  • HEX zu RGB und HSL: Geben Sie #3498db mit dem Quellformat hex ein. Das Ergebnis liefert #3498db, rgb(52, 152, 219) und hsl(204, 70%, 53%).
  • RGB zu HEX und HSL: Geben Sie 255 100 50 mit dem Quellformat rgb ein. Das Ergebnis liefert #ff6432, rgb(255, 100, 50) und hsl(15, 100%, 60%).

FAQ

Welche Quellformate werden unterstützt?

Das Werkzeug unterstützt die Quellformate hex, rgb und hsl in exakter Kleinschreibung.

Muss bei Hexadezimalwerten ein Rautezeichen vorangestellt werden?

Nein, drei- und sechsstellige Hexadezimalwerte werden sowohl mit als auch ohne führendes Rautezeichen akzeptiert.

Wie werden HSL-Werte verarbeitet, die über den Standardbereich hinausgehen?

Der Farbtonwert wird zyklisch auf 360 Grad umgerechnet. Sättigung und Helligkeit werden auf maximal 100 Prozent begrenzt.

Was passiert bei einer leeren Eingabe?

Bleibt das Eingabefeld leer, wird keine Umrechnung durchgeführt.

Tool einbetten

Fügen Sie dieses funktionsfähige SmartPlusLab-Tool mit dem folgenden Code in Ihre Website ein.