Farb-Konverter (HEX, RGB, HSL, OKLCH)
Datenschutz by Design — läuft vollständig in Ihrem Browser
Farben zwischen HEX, RGB, HSL, OKLCH und benannten Werten im Browser konvertieren. Toova zeigt eine Live-Vorschau, lässt Sie Kanäle mit Schiebereglern anpassen und gibt die vollständige Ausgabe in jedem Format bereit zum Einfügen in CSS, Design-Werkzeuge oder Produktionscode aus.
Warum so viele Farbformate
HEX (#ff6600) ist in CSS am verbreitetsten und einfach zu tippen. RGB (rgb 255 102 0) ist das, was jedes Bildformat versteht. HSL (hsl 24 100% 50%) ist intuitiver für die Auswahl von Farbtönen, weil Farbton, Sättigung und Helligkeit der menschlichen Farbvorstellung entsprechen. OKLCH ist das moderne Format, das Wahrnehmungsuniformität löst — gleiche numerische Schritte sehen wie gleiche visuelle Schritte aus. Toova konvertiert verlustfrei zwischen allen.
Live-Vorschau und Kanal-Schieberegler
Fügen Sie eine Farbe in einem beliebigen Format ein, und Toova zeigt ein Live-Muster sowie die vollständige Konvertierung in jedes andere Format. Ziehen Sie einen beliebigen Kanal-Schieberegler — Farbton, Sättigung, Helligkeit, Rot, Grün, Blau, Alpha — und die Vorschau aktualisiert sich in Echtzeit. Das macht es einfach, eine Grundfarbe in einen Farbton zu optimieren, den Kontrast zu korrigieren oder einen Hover-Zustand zu erzeugen, ohne den Browser-Tab zu verlassen.
Nur lokal
Die Farbkonvertierung erfolgt vollständig in Ihrem Browser. Die eingefügten Werte verlassen die Seite nie. Für Farbcodes ist das übertrieben, aber es macht das Werkzeug schnell und zuverlässig — kein Backend-Roundtrip, keine Rate-Limits, keine Ausfälle. Die Seite funktioniert nach dem ersten Laden auch offline.
Häufig gestellte Fragen
- Wann sollte ich OKLCH statt HEX verwenden?
- OKLCH ist wahrnehmungsuniform, d. h. gleiche numerische Schritte sehen wie gleiche visuelle Schritte aus. Das macht es zur richtigen Wahl beim Erzeugen einer Farbpalette, beim Berechnen von barrierefreiem Kontrast oder bei jeder algorithmischen Farbmanipulation. Für statische Design-Tokens ist HEX weiterhin gut.
- Sind alle Konvertierungen verlustfrei?
- Konvertierungen zwischen HEX, RGB und 8-Bit-Farbformaten sind verlustfrei. Konvertierungen mit HSL oder OKLCH können winzige Gleitkomma-Rundungen an der letzten Stelle einführen, aber das Ergebnis ist visuell identisch.
- Wird Transparenz unterstützt?
- Ja. Jedes Format mit Alpha-Unterstützung (HEX mit acht Ziffern, RGBA, HSLA, OKLCH mit Alpha) wird korrekt verarbeitet. Konvertierungen erhalten den Alpha-Kanal exakt.
- Kann ich eine Farbe aus einem Bild auswählen?
- Nicht direkt hier. Für die Palettenextraktion aus einem Bild verwenden Sie das Werkzeug Farbpalettenextraktor. Dieser Konverter konzentriert sich auf die Umwandlung eines bekannten Farbwerts zwischen Formaten.
- Wird irgendetwas an einen Server gesendet?
- Nein. Die Konvertierung läuft vollständig in Ihrem Browser. Der Netzwerk-Tab bleibt während der Verwendung leer.