Tools für Designer

Sammlung hilfreicher Tools für Texte und Layouts im Web- und Grafikdesign

Zeichenzähler

Texte anhand fester Zeichenlimits prüfen – mit und ohne Leerzeichen.

0 Zeichen (mit Leerzeichen)
0 Zeichen (ohne Leerzeichen)
0 Wörter
0 Zeichen (mit Leerzeichen)
0 Zeichen (ohne Leerzeichen)
0 Wörter

Blindtext-Generator

Blind- / Platzhaltertexte für Web- und Grafiklayouts generieren.

Tool zur Generierung von Blindtexten und Platzhaltertexten für Layout-, Web- und Designprojekte.

Kontrast-Checker

Farbkontraste nach WCAG-2.2-Kriterien prüfen und vergleichen.*

Kontrast-Checker*
WCAG 2.2
Vordergrund (z.B. Text)
Alpha
100%
Helligkeit
98%
Hintergrund
Alpha
100%
Helligkeit
5%
Großer Text AaNormaler Text — Die Lesbarkeit ist entscheidend für gute Zugänglichkeit.
18.6: 1
WCAG AA — Text (minimum)
Normaler TextAA — mind. 4.5:1
18.6:1
✓
Großer TextAA — mind. 3:1
18.6:1
✓
WCAG AA — Nicht-Text (1.4.11)
UI-Komponenten & GrafikenAA — mind. 3:1
18.6:1
✓
WCAG AAA — Text (erhöht)
Normaler TextAAA — mind. 7:1
18.6:1
✓
Großer TextAAA — mind. 4.5:1
18.6:1
✓

* Die Ergebnisse dienen ausschließlich zur Orientierung und ersetzen keine vollständige professionelle Barrierefreiheitsprüfung. Alle Angaben ohne Gewähr. Weiterführende Informationen bietet die W3C Web Accessibility Initiative (WAI).

DPI-Rechner

Berechne die erforderliche DPI sowie die benötigte Bildbreite und -höhe in Pixeln für dein Druckformat.**

Berechne die erforderliche DPI sowie die benötigte Bildbreite und -höhe in Pixeln für dein Druckformat.**

Berechne die erforderliche DPI sowie die benötigte Bildgröße in Pixeln für dein Druckformat.**

m
cm
cm

** Alle Angaben ohne Gewähr. Die berechneten Werte sind Anhaltswerte und dienen lediglich zur groben Orientierung. Sie ersetzen keine Druckfreigabe. Bitte prüfe die Ergebnisse vor dem Druck und halte im Zweifel Rücksprache mit der Druckerei.