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.
Undurchsichtiger Hintergrund, der zur Berechnung des Kontrasts mit einer transparenten Farbe verwendet wird. Dadurch wird der Vergleichshintergrund geändert, nicht die von Ihnen eingegebene Farbe.
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.
Schnellstart
Konvertieren Sie CSS Farben und prüfen Sie den Textkontrast auf einem undurchsichtigen Hintergrund mit Alpha.
1
Geben Sie eine Textfarbe und einen Hintergrund ein
2
Konvertieren und überprüfen Sie Kontrastschwellenwerte
3
Kopieren Sie ein Format oder exportieren Sie CSS und JSON
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.
