Design

Farbpaletten-Generator

Leertaste oder „Neu würfeln“ erzeugt neue Farben. Gesperrte Farben bleiben stehen, die anderen richten sich nach ihnen. Eigene Farbe eintippen, sperren, weiter würfeln. Die Palette steht in der Adresszeile: als Lesezeichen speichern oder Link teilen, gespeichert wird nichts.

Sommerfest im Hinterhof

So wirkt die Palette auf einem Plakat oder einer Karte.

Jetzt anmelden
Export für Canva, Adobe (.ase) und CSS

Kontrast aller Farbpaare

Zeile = Hintergrund, Spalte = Schriftfarbe. Welche Kombination taugt für Fließtext, welche nur für große Schrift?

AAA ab 7 : 1, auch für Fließtext strengAA ab 4,5 : 1, FließtextGroß ab 3 : 1, nur große Schrift und Bedienelemente– zu schwach für Text

Woher die Grenzwerte kommen

Kontrastformel und Mindestwerte aus den Web Content Accessibility Guidelines (WCAG) 2.1: 4,5 : 1 für Fließtext, 3 : 1 für große Schrift (ab 18 pt oder 14 pt fett) und Bedienelemente, 7 : 1 für die strengere Stufe AAA. Die Abstufungen werden durch Mischen mit Weiß und Schwarz in 15-Prozent-Schritten berechnet.