Zum Hauptinhalt springen
Uddatak

Farbkontrast-Prüfer

Wählen Sie eine Textfarbe und eine Hintergrundfarbe, um ihr genaues Kontrastverhältnis zu sehen und ob es die WCAG-AA- und AAA-Schwellenwerte für normalen und großen Text erfüllt — wichtig, um sicherzustellen, dass Ihr Design lesbar und barrierefrei ist.

Design- und CSS-Tools Läuft vollständig in deinem Browser

Alle Berechnungen erfolgen auf deinem Gerät — Farben werden niemals an einen Server gesendet.

Normaler 16px-Text Aa 123

Kontrastverhältnis: 18.88:1

AA (normaler Text): Bestanden ✓
AA (großer Text): Bestanden ✓
AAA (normaler Text): Bestanden ✓
AAA (großer Text): Bestanden ✓

Weiter mit

Vollständig lokal

Farbkonverter

Konvertieren Sie eine Farbe sofort zwischen HEX-, RGB-, und HSL-Formaten.

Entwickler-ToolsTool öffnen
Vollständig lokal

CSS-Verlaufsgenerator

Erstellen Sie visuell einen linearen oder radialen CSS-Verlauf und kopieren Sie den Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

HTML-Barrierefreiheits-Checker

Scanne HTML-Code nach häufigen Barrierefreiheitsproblemen — fehlender Alt-Text, Felder ohne Label, falsche Überschriftenreihenfolge und mehr.

Entwickler-ToolsTool öffnen

Ähnliche Tools

Vollständig lokal

CSS-Verlaufsgenerator

Erstellen Sie visuell einen linearen oder radialen CSS-Verlauf und kopieren Sie den Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS Box-Shadow-Generator

Gestalten Sie einen CSS-box-shadow visuell mit Reglern und kopieren Sie den generierten Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

CSS Border-Radius-Generator

Gestalten Sie abgerundete Ecken visuell — einschließlich asymmetrischer Formen — und kopieren Sie den CSS-Code.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

PX-zu-REM-Umrechner

Rechnen Sie zwischen Pixel und rem-Einheiten um, basierend auf einer benutzerdefinierten Root-Schriftgröße.

Design- und CSS-ToolsTool öffnen
Vollständig lokal

Farbpaletten-Extraktor

Extrahiere die dominantesten Farben aus jedem Bild, mit HEX-, RGB- und CSS-Codes

Design- und CSS-ToolsTool öffnen

Bereit, Uddatak auszuprobieren?

Durchsuchen Sie die vollständige Tool-Bibliothek und beginnen Sie jetzt, was Sie brauchen — kostenlos, keine Anmeldung.

Alle Tools durchsuchen