Vorschau: Übersetzungsvorschau: Die deutsche Website wird vorbereitet. Diese Seite bleibt bis zur vollständigen Prüfung der deutschen Version vom Suchindex ausgeschlossen.
Farbkonverter für HEX, RGB und HSL
Konvertiere eine opake sRGB-Farbe zwischen den unterstützten HEX-, RGB- und HSL-Schreibweisen. Die Verarbeitung erfolgt in deinem Browser.
Gib eine Farbe im HEX-, RGB- oder HSL-Format ein.
Drei Schreibweisen für sRGB-Farben
- HEX
- Kompakte Hexadezimalschreibweise, häufig in CSS und HTML. Unterstützt werden #RGB und #RRGGBB, zum Beispiel #FF5733.
- RGB
- Werte der roten, grünen und blauen Kanäle von 0 bis 255, zum Beispiel rgb(255, 87, 51).
- HSL
- Farbton von 0° bis 360°, Sättigung und Helligkeit von 0 % bis 100 %. Einzelne Werte lassen sich so gezielt anpassen.
Beispiele
- Reines Rot: #FF0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%).
- Königsblau: #4169E1 → rgb(65, 105, 225) → ungefähr hsl(225, 73%, 57%).
- Hellgrün: hsl(120, 80%, 70%) → #75F075 und rgb(117, 240, 117).
So funktioniert die Umrechnung
- HEX zu RGB: Teile die Hexadezimalpaare für Rot, Grün und Blau auf und wandle jedes Paar in einen Dezimalwert um.
- RGB zu HEX: Wandle jeden Dezimalkanal in zwei Hexadezimalziffern um und setze sie nach # zusammen.
- RGB und HSL: Der Konverter berechnet Kanäle und Farbton; angezeigte HSL-Werte werden auf ganze Zahlen gerundet.
Wann welches Format sinnvoll ist
- HEX ist kompakt und in CSS, HTML und Designwerkzeugen verbreitet.
- RGB nennt die Werte der roten, grünen und blauen Kanäle direkt.
- HSL ist praktisch, wenn Farbton, Sättigung oder Helligkeit angepasst werden sollen.
Unterstützte Werte und Grenzen
- Unterstützt werden opake sRGB-Farben als kurzes oder langes HEX sowie rgb() und hsl() mit Kommas.
- Alpha-Transparenz, RGBA, HSLA, moderne CSS-Schreibweisen mit Leerzeichen, Farbnamen und Farbräume mit großem Farbumfang werden nicht unterstützt.
- HSL wird auf ganze Grad- und Prozentwerte gerundet. Eine Rückumrechnung kann daher eine ähnliche Farbe statt der exakten ursprünglichen Kanalwerte ergeben.
- Farbe und Ergebnis bleiben in diesem Browser; Seite und Code werden von der Website geladen.
Häufige Fragen
Was bedeutet das Zeichen # bei einer HEX-Farbe?
Es kennzeichnet eine hexadezimale Farbschreibweise. Unterstützt wird # gefolgt von einem 3- oder 6-stelligen sRGB-Wert; das Zeichen ist kein Farbkanal.
Wie lässt sich eine Farbe mit HSL aufhellen oder abdunkeln?
Lass Farbton und Sättigung gleich und erhöhe oder senke die Helligkeit. Mehr Helligkeit ergibt beispielsweise ein helleres Blau.
Kann ich eine transparente Farbe eingeben?
Nein. Der Konverter verarbeitet nur opake HEX-, RGB- und HSL-Werte ohne Alphakanal.