Farbpaletten-Generator

Komplementär, Analog, Triadisch, Tetradisch, Split-Komplementär und mehr.

Ja, HEX/RGB-Codes kopieren oder Palette als Bild herunterladen.

Drei oder vier sichtbare Farben reichen meist. Die bekannte 60-30-10-Regel gibt 60 % der Fläche dem Hintergrund, 30 % einer Zweitfarbe und 10 % einem Akzent – je knapper dieser Akzent, desto klarer treten Schaltflächen und Links hervor. Ergänzen Sie ein dunkles Grau für den Fließtext und ein helles Grau für Ränder, dann sind die meisten Screens fertig. Über fünf Farben hinaus fällt es Nutzern schwer zu erkennen, was wichtig ist.

Gehen Sie von dieser Farbe aus und bilden Sie zunächst eine analoge Reihe: Farbtöne innerhalb von rund 30 Grad zu beiden Seiten vertragen sich und eignen sich für Hintergründe und Nebenelemente. Für den Button, der auffallen soll, nehmen Sie eine kleine Dosis der Komplementärfarbe von der Gegenseite des Kreises – der Blick springt genau dorthin. Ist der Dunkelmodus geplant, legen Sie Varianten an, die den Farbton behalten, aber Sättigung senken und Helligkeit anheben.