Farbkonverter
Konvertiere Farben zwischen HEX, RGB, HSL und OKLCH, sieh dir das Ergebnis in der Vorschau an und kopiere jeden Wert. Alles läuft lokal in deinem Browser.
Akzeptiert HEX-, RGB(A)-, HSL(A)- und OKLCH-Farbwerte.
kein Server-Upload
HEX
#7c5cff
RGB
rgb(124 92 255)
HSL
hsl(252 100% 68%)
OKLCH
oklch(59.9% 0.23 286.2)
Browserbasierter Farbkonverter
Konvertiere Farben zwischen HEX, RGB, HSL und OKLCH beim UI-Design, CSS-Schreiben oder Prüfen von Markenfarben. Gib einen unterstützten Wert ein oder wähle ihn aus und sieh, wie sich alle gleichwertigen Werte sofort aktualisieren.
Farben werden lokal in deinem Browser konvertiert. Es werden keine Farbwerte zu oddkit hochgeladen.
Häufige Anwendungsfälle
- Farben aus Design-Tools in CSS-taugliche Werte übersetzen
- Alpha-Transparenz über verschiedene Formate hinweg prüfen
- OKLCH-Werte für moderne, wahrnehmungsgleichmäßige Farben erkunden
Unterstützte Formate
Liest HEX (3/4/6/8-stellig), rgb()/rgba(), hsl()/hsla() und oklch() ein, inklusive Alphawerten, und gibt alle vier Formate aus.
FAQ
Werden meine Farben zu oddkit hochgeladen?
Nein. Die Konvertierung läuft lokal in deinem Browser.
Wird Alpha-Transparenz unterstützt?
Ja. HEX, RGB, HSL und OKLCH unterstützen alle einen Alphakanal, der bei jedem konvertierten Wert erhalten bleibt.
Was passiert, wenn ich eine ungültige Farbe eingebe?
Das Tool zeigt eine klare Fehlermeldung an, statt abzustürzen, sodass du die Eingabe korrigieren kannst, ohne deinen Fortschritt zu verlieren.
Häufige Umwandlungen
HEX zu RGB
Wandle HEX-Farbcodes in rgb() um, für CSS, Canvas oder Design-Tools, die RGB-Kanäle erwarten.
RGB zu HEX
Wandle rgb()- oder rgba()-Werte in einen HEX-Code um, für die Designübergabe oder direkte Verwendung in CSS.
HEX zu HSL
Wandle HEX in hsl() um, um Farbton, Sättigung und Helligkeit unabhängig voneinander anzupassen.
RGB zu HSL
Wandle rgb() in hsl() um, wenn du Helligkeit oder Sättigung anpassen willst, ohne den Farbton zu ändern.
HEX zu OKLCH
Wandle HEX in oklch() um, für wahrnehmungsgleichmäßige Farbanpassungen in modernem CSS.
HSL zu OKLCH
Wandle hsl() in oklch() um, um von einem älteren Farbraum zu einem breiten, wahrnehmungsgleichmäßigen Farbraum zu wechseln.
Verwandte Tools
Platzhalterbild-Generator
Erstelle einfarbige Bilder, Farbverläufe oder Muster und speichere sie im gewünschten Format.
Bildkonverter
Konvertiere JPG-, PNG- und WebP-Bilder lokal in deinem Browser. Wähle Ausgabeformat und Qualität und lade die konvertierte Datei herunter.
Bildkompressor
Reduziere die Dateigröße von Bildern lokal im Browser. Passe Qualität, maximale Abmessungen und Ausgabeformat an, bevor du das optimierte Bild herunterlädst.