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
#3B82F6
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.