Kostenlos & ohne Anmeldung

Farbpaletten Generator

Harmonische Farbpaletten aus einer Grundfarbe erstellen – direkt im Browser. HEX, RGB und HSL Werte kopieren.

Grundfarbe wählen

HEX

hsl(217, 94%, 45%)

rgb(7, 92, 225)

Blau

Harmonietyp

Palette

#075CE1

7, 92, 225

217°, 94%, 45%

Blau

#DF8C07

223, 140, 7

37°, 94%, 45%

Orange

Auf eine Farbe klicken, um HEX-Wert zu kopieren

Exportieren

:root {

--color-1: #075CE1;

--color-2: #df8c07;

}

Palette als Gradient

WCAG Kontrast-Prüfer

Farbe A

Farbe B

BeispieltextAa Bb Cc 1 2 3

2.18:1

Kontrastverhältnis

Nicht bestanden

Normal (4.5:1)

AAA

Nicht bestanden

Erweitert (7:1)

AA+

Nicht bestanden

Groß (3:1)

Harmonietypen

·Komplementär: Gegenüberliegende Farben im Farbkreis – hoher Kontrast, lebhaft.
·Analog: Benachbarte Farben – harmonisch und natürlich wirkend.
·Triadisch: Drei gleichmäßig verteilte Farben – ausgewogen und vielseitig.
·Monochromatisch: Variationen einer Farbe in Helligkeit – elegant und konsistent.
·Split-Komplementär: Basis + die beiden Nachbarn der Komplementärfarbe – weicher als Komplementär.

Wofür eignet sich der Farbpaletten Generator?

Webdesign & UI Design

Konsistente Farbpaletten sind das Fundament jedes guten Designs. Nutzen Sie harmonische Farbkombinationen, um professionelle Websites und Apps zu gestalten.

Branding & Corporate Identity

Eine durchdachte Farbpalette stärkt die Markenidentität. Ergänzungsfarben und analoge Töne helfen, ein kohärentes Erscheinungsbild über alle Medien hinweg aufzubauen.

WCAG-Barrierefreiheit prüfen

Mit dem integrierten Kontrast-Checker prüfen Sie direkt, ob Ihre Farbkombinationen die WCAG AA- und AAA-Standards für Barrierefreiheit erfüllen.

Social Media & Marketing

Stimmige Farbkombinationen machen Posts und Creatives professioneller. Exportieren Sie Ihre Palette direkt als CSS-Variablen oder JSON-Array.