Farbkonverter
Farben sofort zwischen HEX-, RGB- und HSL-Formaten umwandeln. Verwenden Sie den Farbwaehler oder geben Sie Werte manuell ein. Alle Umwandlungen erfolgen live in Ihrem Browser waehrend der Eingabe.
Farbkonverter
Waehlen Sie eine Farbe oder geben Sie Werte in einem beliebigen Format ein, um zwischen HEX, RGB und HSL umzuwandeln.
So funktioniert die Farbumwandlung
HEX-Farben verwenden eine sechsstellige hexadezimale Notation mit dem Praefix #. Jedes Ziffernpaar repraesentiert den Rot-, Gruen- und Blau-Kanal mit Werten von 00 bis FF (0 bis 255 in Dezimal).
RGB (Rot, Gruen, Blau) ist das gaengigste Farbmodell fuer Bildschirme. Jeder Kanal reicht von 0 bis 255, was ueber 16 Millionen moegliche Farbkombinationen ergibt.
HSL (Farbton, Saettigung, Helligkeit) ist ein besser lesbares Farbmodell. Der Farbton ist ein Grad auf dem Farbkreis (0-360), waehrend Saettigung und Helligkeit Prozentangaben sind. HSL macht es einfach, Farbvariationen zu erstellen, indem einzelne Eigenschaften angepasst werden.
Farbformat-Referenz
| Format | Syntax | Beispiel | Am besten fuer |
|---|---|---|---|
| HEX | #RRGGBB | #FF5733 | CSS-Kurzschreibweise, Design-Spezifikationen |
| RGB | rgb(R, G, B) | rgb(255, 87, 51) | CSS-Eigenschaften, programmatische Verwendung |
| HSL | hsl(H, S%, L%) | hsl(11, 100%, 60%) | Farbpaletten, Barrierefreiheits-Anpassung |
Haeufig gestellte Fragen
Was ist der Unterschied zwischen HEX, RGB und HSL?
HEX ist eine hexadezimale Darstellung einer Farbe (z.B. #FF5733). RGB definiert eine Farbe durch ihre Rot-, Gruen- und Blau-Komponenten (jeweils 0-255). HSL definiert eine Farbe durch Farbton (0-360 Grad), Saettigung (0-100%) und Helligkeit (0-100%). Alle beschreiben die gleichen Farben, nur auf unterschiedliche Weise.
Wie wandle ich HEX in RGB um?
Um HEX in RGB umzuwandeln, teilen Sie den 6-stelligen Hex-Code in drei Paare auf. Wandeln Sie jedes Paar von Hexadezimal in Dezimal um, um die Rot-, Gruen- und Blau-Werte zu erhalten. Zum Beispiel wird #FF5733 zu R:255, G:87, B:51.
Wann sollte ich HSL statt RGB verwenden?
HSL ist fuer Designer intuitiver, da man Helligkeit oder Saettigung leicht anpassen kann, ohne den Farbton zu aendern. Es eignet sich hervorragend fuer die Erstellung von Farbpaletten, Hover-Zustaenden und barrierefreien Farbvariationen.
Wird die Farbumwandlung lokal durchgefuehrt?
Ja, alle Farbumwandlungen erfolgen vollstaendig in Ihrem Browser mit JavaScript. Es werden keine Daten an einen Server gesendet, was vollstaendige Privatsphaere und sofortige Ergebnisse gewaehrleistet.