HEX in RGB umwandeln
Wandeln Sie einen CSS-HEX-Farbwert in RGB-Kanäle und eine CSS-Farbe um.
Ein Rechenbeispiel ausprobieren
Ein Rechenbeispiel ausprobieren
Wandeln Sie einen CSS-HEX-Farbwert in RGB-Kanäle und eine CSS-Farbe um.
Prüfen Sie Einheiten und Optionen und verwenden Sie dann die Berechnungsschaltfläche. Das Beispiel ist fiktiv; ersetzen Sie die Werte für Ihre eigene Berechnung.
Beispieleingabe
- HEX-Farbe
- #3498db
Erwartete Ausgabe
CSS-Farbe: rgb(52, 152, 219) RGB-Kanäle: 52, 152, 219 Alpha: 1 (deckend)
Das Tool zerlegt eine HEX-Farbe in Rot-, Grün- und Blauwerte und zeigt bei Bedarf den Alpha-Kanal an.
Das Tool wird geladen. Die Erklärung ist auch ohne JavaScript verfügbar.
Methode und Grenzen
Geben Sie 3, 4, 6 oder 8 hexadezimale Stellen ein, mit oder ohne führendes #. Die kürzeren Formen werden auf sechs beziehungsweise acht Stellen erweitert.
Ein Alpha-Kanal ist nur bei vier- oder achtstelligen Werten enthalten. Benannte CSS-Farben wie red werden nicht akzeptiert.
Dieses Tool teilen
Nur der öffentliche Link zum Tool wird geteilt. Ihre Eingaben und Ergebnisse bleiben hier.
Link zum manuellen Kopieren anzeigen
Kurz erklärt
Das Tool zerlegt eine HEX-Farbe in Rot-, Grün- und Blauwerte und zeigt bei Bedarf den Alpha-Kanal an.
Der Seitencode und benötigte Ressourcen werden von der Website geladen. Das Tool verarbeitet die Eingaben lokal im Browser.
Anleitung
Geben Sie 3, 4, 6 oder 8 hexadezimale Stellen ein, mit oder ohne führendes #. Die kürzeren Formen werden auf sechs beziehungsweise acht Stellen erweitert.
Grenzen
Ein Alpha-Kanal ist nur bei vier- oder achtstelligen Werten enthalten. Benannte CSS-Farben wie red werden nicht akzeptiert.
Häufige Fragen
Kann HEX auch Transparenz enthalten?
Ja. Vierstellige und achtstellige HEX-Werte enthalten einen Alpha-Kanal; drei- und sechsstellige Werte sind deckend.
Welche CSS-Ausgabe wird angezeigt?
Das Ergebnis enthält eine CSS-Funktion rgb() oder rgba() sowie die einzelnen Kanäle.
Quellen und Referenzen
Diese Quellen erläutern die genannte Norm oder API; sie bestätigen nicht das Ergebnis des Tools.