HEXgenerator.online erzeugt harmonische Farbpaletten mit einem Klick und exportiert sie als CSS-Variablen, SCSS, Tailwind oder JSON. Drücke die Leertaste zum Erzeugen, fixiere die Farben, die dir gefallen, und prüfe den WCAG-Kontrast, bevor du die Palette einsetzt.
Aktualisiert am
HEX anklicken zum Kopieren · Schloss zum Fixieren
Jede Zelle zeigt die Spaltenfarbe als Text auf der Zeilenfarbe als Hintergrund.
Abstufung anklicken, um den HEX-Wert zu kopieren.
Nur in diesem Browser gespeichert. Palette anklicken, um sie zu laden.
Ein HEX-Code schreibt eine Farbe hexadezimal im Format #RRGGBB: zwei Stellen für Rot, zwei für Grün und zwei für Blau, jeweils von 00 bis FF. Er deckt 16.777.216 Farben ab und ist das gängigste Farbformat in CSS und Webdesign.
Kopiere den :root-Block mit den Variablen --color-1, --color-2 … und verwende sie mit var(--color-1) in jeder Eigenschaft, etwa color oder background. So änderst du die ganze Palette an einer Stelle.
Analog nutzt benachbarte Farbtöne und wirkt ruhig. Komplementär stellt gegenüberliegende Töne für maximalen Kontrast zusammen. Die Triade verteilt drei Töne im Abstand von 120° für lebendige Balance. Monochrom variiert die Helligkeit eines Tons und wirkt am zurückhaltendsten.
