Color Converter
Konvertieren Sie Farben sofort zwischen HEX, RGB und HSL – direkt in Ihrem Browser.
🔒 Lokal in Ihrem Browser verarbeitet
Loading…
So funktioniert's
- Klicken Sie auf die Farbmuster-Auswahl, um eine Farbe visuell zu wählen, oder geben Sie einen Wert direkt in das Textfeld ein.
- Eingegebene Werte können ein HEX-Code (mit oder ohne führendes #), eine rgb()/rgba()-Zeichenfolge oder eine hsl()/hsla()-Zeichenfolge sein.
- Sobald eine gültige Farbe erkannt wird, aktualisieren sich die HEX-, RGB- und HSL-Zeilen unten sofort – kein Klick auf eine Schaltfläche nötig.
- Ein großes Vorschaufeld zeigt genau, wie die Farbe aussieht.
- Klicken Sie neben einer beliebigen Zeile auf Kopieren, um dieses Format in Ihre Zwischenablage zu kopieren.
Funktionen
- Live, sofortige Umwandlung zwischen HEX, RGB und HSL
- Akzeptiert einen eingegebenen HEX-, rgb()- oder hsl()-Wert oder das native Farbauswahl-Muster
- Kopieren per Klick für jedes Format
- 100 % clientseitig — Ihre Farbwerte verlassen niemals Ihren Browser
- Kein Upload nötig — es gibt von vornherein nichts hochzuladen
Häufig gestellte Fragen
Sendet dieses Tool meine Farbwerte irgendwohin?
Nein. Die gesamte Umwandlung erfolgt mit einfacher JavaScript-Mathematik direkt in Ihrem Browser — nichts wird jemals hochgeladen oder an einen Server gesendet.
Welche Formate kann ich in das Eingabefeld eingeben?
Sie können einen HEX-Code (z. B. #3b82f6 oder 3b82f6), eine rgb()/rgba()-Zeichenfolge (z. B. rgb(59, 130, 246)) oder eine hsl()/hsla()-Zeichenfolge (z. B. hsl(217, 91%, 60%)) eingeben.
Unterstützt es Alpha/Transparenz?
Derzeit nicht. Wenn Sie einen rgba()- oder hsla()-Wert eingeben, wird die Alpha-Komponente akzeptiert, aber ignoriert — nur die deckende Farbe wird umgewandelt.
Gibt es eine Begrenzung, wie viele Farben ich umwandeln kann?
Nein. Wandeln Sie so viele Farben um, wie Sie möchten — das Tool berechnet bei jeder Änderung der Eingabe einfach sofort neu.
Warum zeigt meine Eingabe einen Fehler an?
Der Text entsprach keinem erkannten HEX-, RGB- oder HSL-Muster. Stellen Sie sicher, dass er wie eines dieser Beispiele aussieht: #3b82f6, rgb(59, 130, 246) oder hsl(217, 91%, 60%).