# Wähl eine Farbe
$ Harmonie
$ Palette
$ So benutzt du das Color Wheel
Klick irgendwo auf das Rad, um deine Basisfarbe zu setzen — der Winkel wählt den Farbton, die Entfernung vom Zentrum die Sättigung. Nutze den Helligkeits-Slider drunter zum Aufhellen oder Abdunkeln, oder gib einfach direkt einen Hex-Code ein. Dann wähl rechts eine Harmonie-Regel und die Palette aktualisiert sich sofort. Klick auf ein Swatch, um seinen Hex zu kopieren, oder schnapp dir das ganze Set auf einmal.
Was die Harmonien bedeuten
Komplementär nutzt die Farbe direkt gegenüber auf dem Rad für hohen Kontrast und Energie. Analog nutzt Nachbarn für ein ruhiges, stimmiges Gefühl. Triade verteilt drei Farben gleichmäßig für ein ausgewogenes, aber lebendiges Set. Geteilt-komplementär mildert eine komplementäre Paarung. Quadrat und Tetrade geben dir Vier-Farben-Schemata mit mehr Bandbreite. Monochrom und Tönungen & Schattierungen bleiben auf einem Farbton und variieren nur die Helligkeit — super für clean-minimale UI.
Warum das für deine App wichtig ist
Eine stimmige Palette lässt deine App-Store-Screenshots, dein Icon und deine Feature-Grafik wie ein Produkt wirken statt wie ein Haufen zufälliger Farben. Wähl deine Markenfarbe, generier eine Harmonie und nutze genau diese Hex-Codes überall in deinen Screenshot-Captions, Hintergründen und Store-Assets.
$ FAQ
Ist das kostenlos?
Ja — komplett kostenlos, keine Anmeldung, keine Limits. Läuft komplett im Browser.
Was ist der Unterschied zwischen HSL und HSB?
Beide beschreiben Farbton und Sättigung, aber der dritte Wert unterscheidet sich: HSL nutzt Helligkeit (0 % Schwarz, 100 % Weiß), HSB nutzt Brightness. Designer bevorzugen oft HSL fürs Web; HSB taucht in Tools wie Photoshop auf. Dieses Rad gibt dir beide.
Kann ich mit meiner eigenen Markenfarbe starten?
Ja. Tipp deinen Hex-Code in die Box und das Rad und die Palette aktualisieren sich entsprechend. Dann wähl eine Harmonie, um drumherum zu bauen.
Wie nutze ich die Palette in meinem Design?
Klick ein Swatch, um seinen Hex zu kopieren, oder nutze "Alle Hex kopieren" / "Als CSS-Vars kopieren", um das ganze Set zu schnappen. Direkt in dein Design-Tool oder Stylesheet einfügen.