Qolor
1
Wählen
Farben
Benannte Farben durchsuchen
Paletten
Kuratierte Farbpaletten für Ihr nächstes Projekt.
2
Erstellen
Palette erstellen
Erstellen Sie individuelle Paletten — Farben wählen, taggen und teilen.
Paletten aus Farbe
Sofortige Palettenvorschläge aus einer Grundfarbe.
Farbharmonie
Entdecken Sie komplementäre, triadische und andere Farbharmonien.
Aus Bild
Farben aus einem Foto extrahieren
3
Ansehen
Visualizer
Vorschau deiner Palette auf echten Design-Mockups.
Komponenten
Vorschau atomarer UI-Elemente wie Schaltflächen, Eingabefelder und Badges mit Ihrer Palette.
Diagramme
Sehen Sie Ihre Palette angewendet auf Balkendiagramme, Liniendiagramme und Kreisdiagramme.
Überschriften
Erkunden Sie jede Hintergrund- und Textfarbkombination für Typografie.
Logos
Testen Sie Markenfarbkombinationen für Logos und Wortmarken.
Symbole
Vorschau Ihrer Palette angewendet auf mehrfarbige Symbole von Lucide und Heroicons.
DaisyUI-Theme
Generieren Sie komplette DaisyUI-Themes aus jeder Basisfarbe.
Tailwind CSS
Erstellen und Vorschau von Tailwind CSS-Farbskalen.
Shadcn UI
Vorschau Ihrer Palette mit shadcn/ui Design-Tokens.
Material 3
Sehen Sie Ihre Palette als Material Design 3 dynamische Farb-Tokens.
Bootstrap
Vorschau Ihrer Palette mit Bootstrap 5 Komponentenstilen.
App-Mockup
Vorschau Ihrer Farben in einem realistischen mobilen App-Mockup.
Muster
Vorschau Ihrer Palette auf geometrischen und abstrakten Musterdesigns.
Vorlagen
Vorschau Ihrer Palette auf SVG-Vorlagenlayouts.
Mehr
Farbwähler
Farben wählen & konvertieren
Kontrastprüfer
WCAG-Barrierefreiheitstests
Farbenblindheit-Sim
Farbfehlsichtigkeit testen
Konverter
Farben zwischen HEX, RGB, HSL, CMYK und mehr umrechnen.
Verlaufsgenerator
CSS-Verläufe erstellen
Logo-Generator
Farben auf Logo & Icon testen
Meine Paletten
Speichern, organisieren und weisen Sie Framework-Tokens zu.
Sprache auswählen
EN
English
DE
Deutsch
German
ES
español
Spanish
FR
français
French
ID
Indonesia
Indonesian
IT
italiano
Italian
PT
português
Portuguese
RU
русский
Russian
AR
العربية
Arabic
HI
हिन्दी
Hindi
ZH
中文
Chinese
JA
日本語
Japanese
Schließen
Sign in
Werkzeuge
1
Farbe wählen
Farben
Benannte Farben durchsuchen
Paletten
Kuratierte Farbpaletten für Ihr nächstes Projekt.
2
Palette erstellen
Palette erstellen
Erstellen Sie individuelle Paletten — Farben wählen, taggen und teilen.
Paletten aus Farbe
Sofortige Palettenvorschläge aus einer Grundfarbe.
Farbharmonie
Entdecken Sie komplementäre, triadische und andere Farbharmonien.
Aus Bild
Farben aus einem Foto extrahieren
3
In Aktion sehen
Visualizer
Vorschau deiner Palette auf echten Design-Mockups.
Komponenten
Vorschau atomarer UI-Elemente wie Schaltflächen, Eingabefelder und Badges mit Ihrer Palette.
Diagramme
Sehen Sie Ihre Palette angewendet auf Balkendiagramme, Liniendiagramme und Kreisdiagramme.
Überschriften
Erkunden Sie jede Hintergrund- und Textfarbkombination für Typografie.
Logos
Testen Sie Markenfarbkombinationen für Logos und Wortmarken.
Symbole
Vorschau Ihrer Palette angewendet auf mehrfarbige Symbole von Lucide und Heroicons.
DaisyUI-Theme
Generieren Sie komplette DaisyUI-Themes aus jeder Basisfarbe.
Tailwind CSS
Erstellen und Vorschau von Tailwind CSS-Farbskalen.
Shadcn UI
Vorschau Ihrer Palette mit shadcn/ui Design-Tokens.
Material 3
Sehen Sie Ihre Palette als Material Design 3 dynamische Farb-Tokens.
Bootstrap
Vorschau Ihrer Palette mit Bootstrap 5 Komponentenstilen.
App-Mockup
Vorschau Ihrer Farben in einem realistischen mobilen App-Mockup.
Muster
Vorschau Ihrer Palette auf geometrischen und abstrakten Musterdesigns.
Vorlagen
Vorschau Ihrer Palette auf SVG-Vorlagenlayouts.
Weitere Ressourcen
Farbwähler
Farben wählen & konvertieren
Kontrastprüfer
WCAG-Barrierefreiheitstests
Farbenblindheit-Sim
Farbfehlsichtigkeit testen
Konverter
Farben zwischen HEX, RGB, HSL, CMYK und mehr umrechnen.
Verlaufsgenerator
CSS-Verläufe erstellen
Logo-Generator
Farben auf Logo & Icon testen
Meine Paletten
Speichern, organisieren und weisen Sie Framework-Tokens zu.
Farbe wählen
SVG-Vorlagen
Poster, Karten und Layouts live mit Ihren Farben gerendert
Speichern
Als neue Palette speichern
Palette öffnen
Beschriftungen einblenden
Mischen
Zufällig
Alle
Anwendungen
Karten
Komponenten
Diagramme
Verläufe
Logos
Überschriften
Muster
Anfrage
Avatars
Solid
Soft
Outline
Surface
Photo
primary
E
E
E
E
secondary
E
E
E
E
tertiary
E
E
E
E
accent
E
E
E
E
surface
E
E
E
E
The Quick Brown
A showcase of your color palette in serif typography
Design is not just
what it looks like.
Design is how
it works.
01
MODERN
Design System Color Preview
2.4k
98%
5.0
COLOR
COLOR
COLOR
Layered typography effect
"
Color is a power which
directly influences
the soul.
Wassily Kandinsky
COLOR IS
EVERY
THING
DES
IGN
lorem
ipsum
ABSTRACT POSTER
MOS
TER
ABSTRACT
and BRIGHT
Landingpage-Hero
Exportieren
SVG herunterladen
PNG herunterladen
Palette bearbeiten
Im Palettengenerator öffnen
Nächste Schritte
Kontrast prüfen
WCAG-Konformität testen
CVD simulieren
Farbenblindheit testen
Karten
Komponenten
Diagramme
Anwendungen
Überschriften
Logos
Visualizer.icons
Muster
Vorlagen