1
Geben Sie eine Farbe ein oder wählen Sie sie mit dem Picker aus.
2
Legen Sie einen undurchsichtigen Hintergrund fest und führen Sie die Konvertierung durch.
3
Kopieren Sie Formate oder exportieren Sie den Farb- und Kontrastbericht.
CSS-Farben und Kontrast prüfen
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.
Werte werden in diesem Browser in sRGB aufgelöst. Kontextabhängige Farben wie currentColor, var() und Systemfarben werden nicht akzeptiert. Die Funktionen „Wide Gamut“ und „CSS Color 4“ liegen außerhalb der von diesem Tool unterstützten Eingabeformate. Die Transparenz bleibt in RGBA, HSLA und Alpha HEX erhalten. RGB und HSL lassen Alpha weg. Kontrastschwellenwerte ersetzen keine vollständige Prüfung der Barrierefreiheit.
Geben Sie einen gültigen CSS-Farbwert ein.
Die Eingabe hat sich geändert. Dieser Bericht gehört noch zum letzten erfolgreichen Lauf.
Hier erscheint ein Farbmuster
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-Eingabe
—
WCAG Kontrastverhältnis:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 ist der AA-Schwellenwert für gewöhnlichen Text; 3:1 gilt nur für ausreichend großen Text. 7:1 ist AAA für normalen Text. Eine Farbpaarprüfung stellt keine allgemeine Zugänglichkeit der Seite dar.
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.
Rezensionen werden vor der Veröffentlichung geprüft. Wir veröffentlichen echtes positives Feedback und konkrete Kritik. Spam und Beleidigungen ohne sinnvolle Angaben werden nicht veröffentlicht; Obszönitäten und persönliche Details werden maskiert. Positive Stimmen werden sofort gezählt; Negative Stimmen werden nach Prüfung gezählt.
Bewertungen spiegeln die Erfahrungen der Benutzer wider und stellen keine Garantie für Ergebnisse oder eine Beschreibung der Serviceeinschränkungen dar. Verwenden Sie die Bewertungsschaltflächen oben, um eine Bewertung abzugeben.
Noch keine veröffentlichten Rezensionen in dieser Sprache.
