Farbpaletten-Generator
Wähle oder tippe eine Grundfarbe, und dieses Tool wandelt sie in HSL um und erzeugt daraus drei einsatzbereite Paletten — komplementär, analog und triadisch —, damit du schnell Farbkombinationen für ein Design erkunden kannst. Klicke auf ein Farbfeld, um dessen Hex-Code zu kopieren.
Komplementär
Analog
Triadisch
So funktioniert's
Farben werden in HSL (Farbton, Sättigung, Helligkeit) umgewandelt, sodass neue Farben einfach durch Drehen des Farbtons entstehen. Eine komplementäre Palette fügt die Farbe genau gegenüber im Farbkreis hinzu (+180°); eine analoge Palette fügt die beiden benachbarten Farbtöne hinzu (±30°); eine triadische Palette fügt zwei gleichmäßig verteilte Farbtöne hinzu (+120° und +240°).
Tipp
Klicke auf ein Farbfeld, um dessen Hex-Code in die Zwischenablage zu kopieren — praktisch zum direkten Einfügen in dein Design-Tool oder CSS.
Welche Palette sollte ich verwenden?
Komplementärpaletten erzeugen kräftige Kontraste und eignen sich gut für eine einzelne Akzentfarbe; analoge Paletten wirken ruhig und stimmig, ideal für Hintergründe und Verläufe; triadische Paletten sind lebendig und ausgewogen — nützlich, wenn du drei Farben brauchst, die alle auffallen.
Weitere Tools aus dieser Kategorie
Belichtungsrechner
Finde äquivalente Kamerabelichtungen für Blende, Verschlusszeit und ISO.
Seitenverhältnis-Rechner
Skaliere ein Bild oder Video proportional und finde das vereinfachte Verhältnis.
CSS-Verlaufsgenerator
Erstelle einen linearen oder radialen CSS-Verlauf und kopiere den generierten Code.
Kontrast-Checker
Prüfe, ob Vorder- und Hintergrundfarbe die WCAG-Kontrastrichtlinien erfüllen.
Farbformat-Konverter
Wandle jede Farbe sofort zwischen HEX, RGB, HSL und CMYK um – mit Ein-Klick-Kopieren für jedes Format.
Typografie-Skalen-Generator
Erzeuge aus einer Basisschriftgröße und einem Skalenverhältnis eine stimmige Reihe von Schriftgrößen, fertig zum Kopieren als CSS Custom Properties.