Farbkonverter (HEX, RGB, HSL)
Rechnen Sie Farben zwischen HEX, RGB, HSL und HSV um. Eine Farbe pro Zeile, auch 3-stelliges HEX, rgb() und hsl(); ein Klick auf ein Farbfeld kopiert den
Rechnen Sie Farben in beide Richtungen zwischen HEX, RGB, HSL und HSV um. Fügen Sie eine Farbe pro Zeile ein – auch 3-stelliges HEX-Kurzformat sowie rgb()- und hsl()-Werte – und Sie erhalten alle Darstellungen auf einmal, mit einem Farbfeld, das Sie anklicken, um den HEX-Code zu kopieren.
Nützlich, wenn ein Design-Tool Ihnen HSL liefert, das übernommene CSS aber HEX verwendet, wenn Sie den RGB-Tripel für ein Canvas oder eine Android-Ressourcendatei brauchen oder wenn Sie eine Markenpalette prüfen und sehen wollen, wie die Abstufungen zusammenhängen. Die Umrechnung folgt den Standardformeln von CSS, und Alpha-Werte bleiben erhalten, wenn Sie sie mitgeben.
Farben zwischen HEX, RGB, HSL und HSV umrechnen – so geht es
Eine Farbe pro Zeile in einem unterstützten Format eingeben
Die umgerechneten HEX-, RGB-, HSL- und HSV-Werte ablesen
Auf ein Farbfeld klicken, um seinen HEX-Code zu kopieren
Häufige Fragen
Welche Formate werden als Eingabe akzeptiert?
HEX (#1a2b3c oder #abc), rgb(26, 43, 60), rgba(...), hsl(210, 40%, 17%) und hsla(...), jeweils eine Angabe pro Zeile, mit oder ohne Funktionsnamen in Kleinschreibung.
Kann ich mehrere Farben auf einmal umrechnen?
Ja, fügen Sie eine ganze Palette ein – eine Farbe pro Zeile – und jede Zeile wird unabhängig umgerechnet.
Wie kopiere ich ein Ergebnis?
Klicken Sie auf ein beliebiges Farbfeld, und sein HEX-Wert landet in der Zwischenablage; die Textausgabe lässt sich außerdem wie jeder andere Text markieren und kopieren.
Ist das Ergebnis identisch mit den CSS-Farbfunktionen?
Ja, es werden die Standardformeln im sRGB-Raum verwendet, und HSL-/HSV-Werte werden zur Lesbarkeit gerundet. Durch das Runden kann sich ein Kanal um eine Einheit verschieben, was in der Praxis unsichtbar ist.
Werden Transparenzwerte berücksichtigt?
Alpha-Werte in rgba()- und hsla()-Eingaben bleiben in der HEX-Ausgabe als 8-stelliger Wert mit Alpha erhalten. Transparenz geht also nicht verloren.
Wird etwas an einen Server gesendet?
Nein, die Umrechnung ist reine Arithmetik in Ihrem Browser. Es werden keine Daten übertragen.
Auf einen Blick
| Eingabe | Text |
|---|---|
| Mehrere Dateien | Nein |
| Läuft wo | In Ihrem Browser – Dateien werden nie hochgeladen |
| Funktioniert offline | Ja — sobald die Seite geladen ist |
| Preis | Kostenlos, keine Anmeldung, kein Wasserzeichen |
Wo Konvertierungen stillschweigend kaputtgehen
Die meisten Konvertierungsfehler drehen sich nicht um Syntax, sondern um Bedeutung. Eine CSV-Spalte mit Postleitzahlen verliert ihre führenden Nullen in dem Moment, in dem eine Tabellenkalkulation sie für eine Zahl hält; eine lange ID überschreitet die Gleitkommapräzision; Datumsangaben ändern ihre Bedeutung, je nachdem, ob der Tag oder der Monat zuerst kommt. JSON-Schlüssel sind ungeordnet, Arrays aber nicht, und ein Werkzeug, das Schlüssel sortiert, ändert nichts, während eines, das Arrays sortiert, die Daten verändert. Unicode ist eine weitere Falle: Text kann als UTF-8, als UTF-16 oder mit BOM ankommen, und ein Decoder, der falsch rät, macht aus akzentuierten Zeichen Mojibake. Bevor Sie einer Konvertierung trauen, prüfen Sie stichprobenartig die erste und letzte Zeile, jedes Feld mit führenden Nullen und jedes Feld mit Anführungszeichen, Kommas oder Zeilenumbrüchen.
Ein Datenformat auswählen
JSON ist die Voreinstellung für alles, was eine API zurückgibt oder ein Programm liest: Es verarbeitet verschachtelte Strukturen, Zahlen, Booleans und null auf natürliche Weise, und jede Sprache kann es parsen. CSV ist kleiner und öffnet sich direkt in einer Tabellenkalkulation, kann aber keine Verschachtelung ausdrücken und hat keinen gemeinsamen Standard für Trennzeichen, Anführungszeichen oder Zeichensatz – genau dort gehen Konvertierungen schief. XML ist ausführlich, trägt aber Attribute, gemischte Inhalte und Schemata, weshalb es Dokumentformate und Altsysteme weiterhin dominiert. YAML ist für Konfigurationen am besten lesbar, reagiert aber empfindlich auf Leerraum und hat überraschende Typumwandlungen („no“ wird zu false, eine Version wie 1.10 wird zu 1.1). Wählen Sie das Format, das das verarbeitende Werkzeug bevorzugt, nicht das, das am schönsten aussieht.