HEX-zu-RGB-Konverter

HEX ist ein 6-stelliger Hexadezimalcode, der am häufigsten im Webdesign zu sehen ist (#FF5733). RGB zerlegt die Farbe in Rot-, Grün- und Blau-Komponenten (je 0-255) — das natürliche Format für Bildschirme. HSL verwendet Farbton (0-360 Grad auf dem Farbrad), Sättigung (0-100%) und Helligkeit (0-100%), intuitiver für das Anpassen von Farbtönen und -abstufungen.

Der Alpha-Regler steuert die Transparenz von 0 (vollständig transparent) bis 1 (vollständig opak). Wenn Alpha kleiner als 1 ist, gibt das Tool RGBA und HSLA statt einfachem RGB/HSL aus. Dies sind die CSS-Formate für transparente oder halbtransparente Hintergründe, Überlagerungen und Textfarben.

Der dreistellige HEX (#F53) ist die Kurzform für sechsstellig (#FF5533), wobei jede Ziffer verdoppelt wird. Geben Sie den 3-stelligen Code direkt ein — der Konverter verarbeitet ihn automatisch. Die Ausgabe zeigt immer die vollständige 6-stellige Form.

HSL ist besser für das Erstellen von Farbpaletten und Variationen. Um eine Farbe aufzuhellen, erhöhen Sie den Helligkeitswert. Zum Entsättigen verringern Sie die Sättigung. Um den Farbton zu verschieben, ändern Sie den H-Wert. RGB hat diese intuitiven Beziehungen nicht, daher ist HSL das bevorzugte Format für dynamisches Theming und CSS-Custom-Properties.

Ja. Klicken Sie auf die Farbwähler-Schaltfläche, um den nativen Browser-Farbwähler zu öffnen. Einige Browser (Chrome, Edge) unterstützen eine Pipette, mit der beliebige Pixel des Bildschirms abgetastet werden können. Die Unterstützung hängt von Ihrer Browserversion ab.

Der CSS-Ausgabebereich zeigt einfügefertige CSS-Farbdeklarationen für jedes Format: background-color: #FF5733; oder color: rgb(255, 87, 51); usw. Klicken Sie auf eine beliebige Kopieren-Schaltfläche daneben, um die genaue CSS-Zeile in die Zwischenablage zu kopieren.

Nein. Alle Farbberechnungen laufen lokal in Ihrem Browser über JavaScript. Es werden keine Farbwerte, Bilder oder sonstige Daten an einen Server gesendet.