Farbpaletten-Generator

Eine starke Palette folgt in der Regel der 60-30-10-Regel: 60 % Hauptfarbe (Hintergründe und große Flächen), 30 % Sekundärfarbe (Seitenleisten, Karten, Kopfbereiche) und 10 % Akzentfarbe (Schaltflächen, Links, Call-to-Action). Begrenzen Sie die Kernfarben auf 2–4 Töne, um die visuelle Kohärenz zu wahren. Prüfen Sie stets den Kontrast zwischen Text und Hintergrund für gute Lesbarkeit — auch für Nutzer mit Sehschwäche oder Farbenblindheit.

Diese drei Schemata beschreiben Harmoniebeziehungen auf dem Farbkreis. Komplementärfarben liegen sich direkt gegenüber (z. B. Blau und Orange) und erzeugen starken Kontrast und Lebendigkeit. Analoge Farben grenzen aneinander (z. B. Blau, Blaugrün, Grün) und wirken ruhig und ausgewogen. Triadische Schemata verwenden drei gleichmäßig auf dem Kreis verteilte Farben — ausgewogen, aber ausdrucksstark.

Palette-Tools analysieren die Pixel eines Bildes und gruppieren ähnliche Farben mit Algorithmen wie k-means oder Median Cut, um die Hauptfarbtöne zu extrahieren. Laden Sie einfach ein Bild hoch, wählen Sie die Anzahl der gewünschten Farben und exportieren Sie die Hex-Codes direkt in Ihr CSS oder Design-Tool.

RGB (Rot, Grün, Blau) definiert Farben als Mischung aus drei Lichtkanälen von 0 bis 255 — so erzeugen Bildschirme physisch Farbe. HSL (Farbton, Sättigung, Helligkeit) ist intuitiver für das Design: Der Farbton ist ein Winkel von 0–360°, die Sättigung steuert die Lebhaftigkeit und die Helligkeit geht von Schwarz bis Weiß. Mit HSL lassen sich Tönungen, Schattierungen und Nuancen einer Basisfarbe leicht erstellen.

Bildschirme nutzen additive Farbmischung (RGB): Rotes, grünes und blaues Licht ergeben zusammen Weiß. Drucker verwenden subtraktive Farbmischung (CMYK): Drucktinten absorbieren Licht, um dunkle Töne zu erzeugen. Der Farbraum des Drucks ist kleiner als der des Monitors, weshalb knallige oder gesättigte Farben auf Papier oft matter wirken. Prüfen Sie vor dem Drucken von Markenmaterialien immer eine CMYK-Vorschau.