Rechnet eine Farbe zwischen HEX-, RGB- und HSL-Notation um — Farbe im Farbwähler auswählen oder Wert eintippen, und die beiden anderen Formate aktualisieren sich sofort. Praktisch für CSS-Arbeit, für das Treffen von Markenfarben oder um einen Wert aus dem Designtool in den Code zu übernehmen.
Welche Formate werden unterstützt?
Wandeln Sie Farben sofort zwischen den Notationen HEX, RGB und HSL um. Ein schneller Helfer für Webdesign und CSS, zum Abgleichen von Markenfarben oder um einen Wert aus einem Design-Tool in das von Ihrem Code benötigte Format zu übertragen.
So verwenden Sie den Farbkonverter
- Farbe wählen oder Wert eingeben — Wählen Sie eine Farbe mit dem Farbwähler oder geben Sie einen HEX-, RGB- oder HSL-Wert direkt ein.
- Automatische Umwandlung — Die Werte in den übrigen Formaten werden sofort mit aktualisiert.
- Kopieren — Übernehmen Sie den gewünschten Wert über die Schaltfläche „Kopieren" neben dem jeweiligen Format.
Was ist der Unterschied zwischen HEX, RGB und HSL?
HEX (z. B. #1a73e8) ist ein kompakter sechsstelliger Code, der in CSS weit verbreitet ist. RGB beschreibt eine Farbe über ihre Rot-, Grün- und Blaukanäle (0–255). HSL verwendet Farbton, Sättigung und Helligkeit, wodurch sich eine Farbe leichter von Hand anpassen lässt.
Wie liest man einen HEX-Code?
HEX hat die Form #RRGGBB und stellt Rot, Grün und Blau jeweils als zweistellige Hexadezimalzahl (00–FF, 0–255) dar. So steht #FF0000 für Rot und #00FF00 für Grün. Auch die dreistellige Kurzform (#RGB) ist gebräuchlich; sie entspricht der Verdopplung jeder einzelnen Stelle.
Wann sollte man HSL verwenden?
HSL ist intuitiv, wenn Sie nur den Farbton (Hue) drehen möchten, um den Farbeindruck zu ändern, oder nur Sättigung und Helligkeit anpassen, um hellere und dunklere Varianten desselben Farbtons zu erzeugen. Besonders praktisch ist das beim manuellen Feinabstimmen von Farben oder beim Erstellen einer Palette.
Wohin werden meine Farbwerte gesendet?
Nirgendwohin. Alle Umrechnungen erfolgen ausschließlich in Ihrem Browser, sodass keine Werte an einen Server übertragen werden – das Tool funktioniert sogar offline.