Praktisches Farbtool

Farbharmonie Generator

Generiere komplementäre, analoge, triadische, split, tetradische und monochromatische Farbharmonien.

Im Haupttool öffnenZurück zum Tool
EnglishItalianoEspañolFrançaisDeutsch

Was diese Seite bietet

  • Wähle Harmonie nach visueller Spannung und UI Rolle.
  • Nutze Komplementärfarben für Akzente, analoge Farben für ruhige Layouts.
  • Prüfe Kontrast vor Text oder Buttons.

Gut für

  • Farblehre
  • UI Paletten
  • Brand Akzente

So nutzt du es

Paletten GeneratorErstelle zugängliche Farbpaletten, prüfe WCAG-Kontrast, extrahiere Bildfarben und exportiere CSS, Tailwind, SCSS, JSON, SVG und PNG.WCAG CheckPrüfe Text- und Hintergrundkontraste nach WCAG AA und AAA, teste echte Farbpaare und wähle lesbare Kombinationen.Bild ExtraktorExtrahiere dominante Farben aus PNG-, JPG- oder WebP-Bildern lokal im Browser und erstelle exportierbare Paletten.
Kann ich das mit dem Hauptgenerator nutzen?

Ja. Starte hier, öffne das Chromoforge Tool mit derselben Basisfarbe und exportiere die Palette.

Welche Harmonieregel passt zu einer Produktoberfläche?

Analoge und monochromatische Schemata bleiben ruhig und lassen sich leicht barrierefrei halten, weil die Farbtöne nah beieinander liegen und stattdessen die Helligkeit variiert. Komplementär liefert einen starken Akzent auf neutraler Basis. Triadische und tetradische Sätze passen eher zu Illustration und Datenvisualisierung als zu dichter UI.

Besteht eine harmonische Palette automatisch die Barrierefreiheitsprüfung?

Nein. Harmonie beschreibt Beziehungen zwischen Farbtönen, der Kontrast hängt von der Helligkeit ab. Zwei perfekt komplementäre Farben mit gleicher Helligkeit sind übereinander kaum lesbar. Prüfe jedes Text-Hintergrund-Paar gegen 4.5:1 für Fließtext.