Geben Sie einen CSS‑Farbwert ein (zum Beispiel #ff6600 oder ff6600), und unten wird die entsprechende Farbe angezeigt.
Enter a valid CSS color value.
Hier wird eine Farbprobe angezeigt
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS input
—
Warum einen Online‑CSS‑Farbprüfer verwenden?
Mit diesem Tool können Sie jeden CSS‑Farbwert direkt im Browser visualisieren. Fügen Sie Codes aus einem Design‑System, Styleguide oder Layout ein und sehen Sie sofort, wie die Farbe auf dem Bildschirm wirkt.
Der Prüfer ist hilfreich beim Erstellen von Website‑Styles, beim Abgleichen von Markenfarben und beim Debuggen bestehender Layouts. Unterstützt werden alle üblichen CSS‑Formate wie HEX, RGB, RGBA, HSL und benannte Farben.
✓Sehen Sie sich CSS-Farben in der Vorschau an, bevor Sie sie in Stylesheets oder Designsystemen verwenden.
✓Überprüfen Sie HEX-, RGB-, RGBA-, HSL- und benannte Farbwerte an einem Ort.
✓Nützlich zum Anpassen von Markenfarben und zum Debuggen vorhandener Layouts.
✓Fügen Sie einen Farbwert ein und sehen Sie sich das Beispiel direkt im Browser an.
✓Verwenden Sie das Vorschaumuster, um sicherzustellen, dass die analysierte Farbe mit dem beabsichtigten Farbton übereinstimmt.
✓Der Konverter hilft beim Kopieren von Farben zwischen CSS, Designtools und Dokumentation.
