ToolRecipe
Bleibt auf diesem Gerät Kein Wasserzeichen Funktioniert offline

Was willst du erledigen?

Datei hierher ziehen

or .

/

Eine App öffnen

Einem Rezept folgen

Alle Rezepte

Ein einzelnes Werkzeug nutzen

Alle Tools

HEX in HSL

Wandle HEX in HSL um, online und kostenlos. Gib eine Farbe ein, und das Tool zeigt sie sofort als HEX, RGB, HSL, HSV und CMYK, jeweils mit Kopieren-Knopf. Alles läuft in deinem Browser.

So wandelst du HEX in HSL um

  1. 1Tippe oder füge deine Farbe ein, oder wähle sie mit der Auswahl
  2. 2Suche den HSL-Wert in der Liste unter der Farbfläche
  3. 3Klicke daneben auf den Kopieren-Knopf
  4. Deine Farbe als HSL, bereit zum Einfügen.

So funktioniert es

  • Alle Formate auf einmal.Du bekommst HEX, RGB, HSL, HSV und CMYK derselben Farbe, nicht nur HSL.
  • Nichts wird verschickt.Die Umrechnung ist ein bisschen Rechnerei in deinem Browser.
  • Keine Anmeldung.Seite öffnen, Farbe eingeben und das Ergebnis kopieren.

Was du tun kannst

  • Eine Farbe eintippen und als Farbfläche mit allen Werten daneben sehen.
  • Eine Farbe mit der Farbauswahl wählen statt zu tippen, die Werte ändern sich beim Ziehen mit.
  • Jeden Wert mit einem Klick kopieren, zum Beispiel „HSL“ für dein CSS, dein Designtool oder eine Druckbestellung.
  • Kurze HEX-Codes wie #FC0, die Schreibweisen rgb() und hsl() sowie CSS-Farbnamen wie tomato verwenden.

Gut zu wissen

  • HEX schreibt eine Farbe als #RRGGBB: je zwei Hexadezimalziffern für Rot, Grün und Blau, von 00 bis FF. #FFC61A ist Rot 255, Grün 198, Blau 26.
  • HSL beschreibt eine Farbe über Farbton (ein Winkel von 0 bis 360 Grad), Sättigung und Helligkeit in Prozent. So lassen sich hellere oder blassere Töne leicht ableiten.
  • Du kannst HEX-, rgb()-, hsl()-, hsv()- oder cmyk()-Werte oder einen CSS-Farbnamen eintippen. HSV und CMYK erwarten Prozentwerte, zum Beispiel hsv(45, 90%, 100%) oder cmyk(0%, 22%, 90%, 0%).
  • RGB-Werte sind ganze Zahlen von 0 bis 255. Prozentwerte bei HSL, HSV und CMYK werden auf ganze Zahlen gerundet.
  • CMYK wird mit der einfachen Formel aus RGB berechnet, ohne Drucker- oder Farbprofil. Der Andruck einer Druckerei kann deshalb anders aussehen.

Fragen

Wie wandle ich HEX in HSL um?

Gib deine Farbe ins Feld ein oder nutze die Auswahl. Das Tool zeigt sofort die Werte für HEX, RGB, HSL, HSV und CMYK, jeder mit Kopieren-Knopf.

Wird meine Farbe an einen Server gesendet?

Nein. Die Umrechnung läuft in deinem Browser auf deinem eigenen Gerät. Es wird nichts an uns oder andere gesendet.

Welche Farbformate kann ich eingeben?

HEX wie #FFC61A, rgb(255, 198, 26), hsl(45, 100%, 55%) oder einen CSS-Farbnamen. Die Ergebnisse erscheinen in allen fünf Formaten.

Warum weicht der CMYK-Wert von dem meines Druckers ab?

Das Tool nutzt die einfache Formel von RGB nach CMYK ohne Farbprofil. Drucker wenden ein eigenes Profil an, nimm für Druckarbeiten also deren Werte.

Verwandte Tools

So funktioniert's

Kleine Tools, die in deinem Browser laufen.

Vier Schritte

  1. Mit einer Datei oder einer Aufgabe beginnen

    Zieh eine Datei rein, such oder wähle eine Aufgabe.

  2. Das Tool öffnet sich in einem Fenster

    Öffne so viele du willst, nebeneinander als Tabs.

  3. Ergebnisse sammeln sich rechts

    Zieh ein Ergebnis ins nächste Tool.

  4. Speichern, wenn du fertig bist

    Gespeicherte Dateien landen in deinen Downloads.

Wer nutzt was

Tool-Sets für häufige Aufgaben.

Ein Tool auf den Home-Bildschirm legen

Das Symbol öffnet das Tool wie eine App.

iPhone und iPad

  1. Öffne das Tool in Safari.
  2. Tippe auf Teilen (das Quadrat mit dem Pfeil).
  3. Wähle „Zum Home-Bildschirm“, dann „Hinzufügen“.

Android

  1. Öffne das Tool in Chrome.
  2. Tippe oben rechts auf das Menü (⋮).
  3. Wähle „Zum Startbildschirm hinzufügen“ oder „App installieren“.

Computer

  1. Öffne das Tool in Chrome oder Edge.
  2. Klick auf das Installieren-Symbol in der Adressleiste.
  3. Wähle Installieren.

Skills

Claude-Skills, die wir selbst nutzen, je eine Aufgabe.