Farb- Palette Generator

Erstelle harmonische Farbpaletten aus jeder Grundfarbe.

6 HarmoniemodiCSS / HEX / RGB ExportWCAG-Kontrastprüfung

① Basisfarbe wählen ② Harmoniemodus wählen ③ Generieren klicken

Presets:
Modus
Analog
Grundfarbe
#3A7BD5
HSL(215, 65%, 53%)
vs Weiß
4.2:1 AA Large
vs #FFFFFF

Harmonische Farbpaletten erstellen

Eine Farbpalette ist eine kuratierte Sammlung von Farben, die gut zusammenpassen. Der Generator verwendet den HSL-Farbraum für mathematisch präzise Beziehungen zwischen Farbtönen.

Analoge Farben liegen nebeneinander auf dem Farbkreis (30° Abstand), was ruhige Designs erzeugt. Komplementärfarben liegen gegenüber (180°) und erzeugen maximalen Kontrast.

Split-Komplementär ist eine weichere Alternative. Tetraedrische Schemata verwenden vier Farben in Rechteckform. Monochrome Paletten erkunden eine Farbe in verschiedenen Helligkeitsstufen.

Häufig gestellte Fragen

Er erstellt automatisch Gruppen harmonischer Farben basierend auf Farbtheorie-Regeln im HSL-Modell.
Das Tool konvertiert HEX in HSL und verschiebt den Farbton um feste Winkel: ±30° analog, 180° komplementär, 120°/240° triadisch.
Analoge Paletten verwenden benachbarte Farben (30°–60°). Komplementärpaletten verwenden gegenüberliegende Farben (180°), was hohen Kontrast erzeugt.
WCAG definiert Mindest-Kontrastverhältnisse: 4,5:1 für normalen Text und 3:1 für großen Text (Level AA).
Die Farben werden mathematisch erzeugt. Wahrnehmung variiert je nach Displaykalibrierung.
Klicken Sie "CSS exportieren" und fügen Sie die Variablen in Ihren :root-Block ein.
Analog: 5. Komplementär: 4. Triadisch: 3+. Tetraedrisch: 4. Monochrom: 6 Schattierungen.

Unser Netzwerk entdecken