⭐ 0
🔍
Text Bild PDF & Dokumente Audio Musik Elektronik Zeit Dienstprogramme Validatoren Esoterik Spiele

RGB-zu-HSL-Konverter

Konvertieren Sie jede Farbe zwischen HEX-, RGB-, HSL- und CMYK-Notation mit einem Live-Vorschau-Farbfeld – direkt in Ihrem Browser.

Verarbeitung... 0%
Farbwert analysieren
Farbräume konvertieren
Rendering-Vorschau
Fertig

Ergebnis

Auf dieser Seite wird der Farbkonverter mit RGB als Eingabeformat geöffnet. Geben Sie rgb(59, 130, 246) oder einfach 59, 130, 246 ein und führen Sie ihn aus, um die Farbe als hsl(hue, saturation, lightness) anzuzeigen.

Durch die Konvertierung von Kanalwerten in HSL werden Rohzahlen zu etwas, worüber Designer nachdenken können: Behalten Sie den Farbton bei und variieren Sie die Helligkeit für Hover- und Deaktivierungszustände oder drehen Sie den Farbton, um Akzentfarben abzuleiten – so wie moderne CSS-Designsysteme aufgebaut sind.

Diese Voreinstellung ist ein Paar aus dem vollständigen Tool, das mit einem Farbwähler und einem Vorschaumuster zwischen HEX, RGB, HSL und CMYK in jede Richtung konvertiert – und zwar vollständig in Ihrem Browser, ohne Upload.

🛡️
Im Browser ausgeführt

Ihre Dateien und Eingaben verlassen dieses Gerät nie. Die Verarbeitung läuft vollständig offline. 100 % sicher.

Akzeptierte Formate & Regeln

  • Konvertiert zwischen HEX-, RGB-, HSL- und CMYK-Farbmodellen.
  • Nativer Farbwähler, der das Wertefeld im ausgewählten Format füllt.
  • Live-Vorschau und Kopie aller vier Notationen mit einem Klick.

Wichtigste Vorteile

✓ Eine Eingabe, jede Notation: Geben Sie eine Farbe einmal ein und lesen Sie sie gleichzeitig als HEX, RGB, HSL und CMYK zurück.
✓ Fehlerverzeihender Parser: akzeptiert #fff, #3b82f6, rgb(255, 0, 0), bloße „255, 0, 0“-Triplets und hsl(120, 50 %, 50 %).
✓ Läuft vollständig in Ihrem Browser – Farbwerte werden nirgendwo hochgeladen.

Anwendungsfälle

  • • Wandeln Sie den #rrggbb-Code aus einem Markenbuch in die Notation rgb() oder hsl() um, bevor Sie Hover- und Deaktivierungszustände in CSS verknüpfen.
  • • Konvertieren Sie eine RGB-Farbe auf dem Bildschirm in CMYK-Prozentsätze, um zu prüfen, wie sie sich trennen lässt, bevor Sie Visitenkarten oder Flyer zum Drucken senden.
  • • Geben Sie mit dem integrierten Picker eine Farbe per Eyedrop ein und kopieren Sie alle vier Notationen auf einmal, um eine Übergabe vom Design an den Code zu ermöglichen.