Geben Sie einen CSS-Farbwert ein, zum Beispiel #ff6600, ff6600, rgb(255 102 0) oder hsl(24 100 % 50 %). Das Tool zeigt die Farbe an und konvertiert sie in gängige CSS-Formate.
Geben Sie einen gültigen CSS-Farbwert ein.
Hier erscheint ein Farbmuster
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-Eingabe
—
Warum einen Online-CSS-Farbprüfer verwenden?
Mit diesem Tool können Sie jeden CSS-Farbwert schnell direkt in Ihrem Browser visualisieren. Sie können Codes aus einem Designsystem, Styleguide oder Layout einfügen und sofort sehen, wie sie auf dem Bildschirm aussehen.
Verwenden Sie es, wenn Sie Stile für eine Website vorbereiten, Markenfarben anpassen oder vorhandene Layouts debuggen. Der Checker unterstützt alle Standard-CSS-Formate, einschließlich 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.
