Startseite / Farbwerkzeuge / Farbkonverter
Kostenlose Online-Werkzeuge

Farbkonverter

Konvertieren Sie bearbeitbare HEX-, RGB-, RGBA-, HSL-, HSLA- und HSV-Werte, während Sie dieselbe Farbe in der Vorschau sehen und das Format kopieren, das Ihr…

Jetzt verwenden

Was dieses Tool für Sie tut

Konvertieren Sie bearbeitbare HEX-, RGB-, RGBA-, HSL-, HSLA- und HSV-Werte, während Sie dieselbe Farbe in der Vorschau sehen und das Format kopieren, das Ihr Code oder Designsystem benötigt.

Beispiel

Eingabe

#3B82F6

Ergebnis

rgb(59, 130, 246) · hsl(217, 91%, 60%)

Wie das Ergebnis entsteht

RGB speichert die Intensität der Rot-, Grün- und Blaukanäle. HSL beschreibt Farbton, Sättigung und Helligkeit; HSV verwendet Wert statt Helligkeit. Die Konvertierung erhält die dargestellte Farbe, abhängig von Rundung und Farbraumgrenzen.

Nützliche Arbeitsabläufe

  • Design-Dateifarben in CSS übersetzen
  • Bearbeitbare HSL-Varianten aus einem Marken-HEX-Wert erstellen
  • Alpha-Werte vor der Verwendung von Overlays überprüfen

Wichtige Grenzen

  • HEX ohne Alpha-Kanal ist vollständig undurchsichtig.
  • Wiederholte Konvertierungen können die letzte Ziffer ändern, da Kanäle gerundet werden.
  • Äquivalente numerische Werte können auf unkalibrierten Displays unterschiedlich erscheinen.

Häufig gestellte Fragen

Sind HEX- und RGB-Farben unterschiedlich?

Sie sind zwei Notationen für dasselbe RGB-Kanalmodell; #3B82F6 und rgb(59,130,246) repräsentieren dieselbe Farbe.

Verbessert das Konvertieren einer Farbe den Kontrast?

Nein. Konvertierung ändert die Notation, nicht den Kontrast. Testen Sie das tatsächliche Vorder- und Hintergrundpaar.

Die Verarbeitung erfolgt lokal im Browser.