Kostenloses Farbmisch-Tool

Der Farbmischer ist ein kostenloses Online-Tool, das Farben mithilfe verschiedener Farbmodelle (RGB, RYB, HSL, LAB) mischt, um dir die perfekten Farbkombinationen zu finden.

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Das gesamte Mischen der Farben erfolgt clientseitig in deinem Browser.

Der Farbmischer unterstützt die Farbmodelle RGB, RYB, HSL und LAB, die jeweils unterschiedliche Mischergebnisse für verschiedene Design-Anforderungen liefern.

Absolut. Der Farbmischer verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Farbmischer ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ganz ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Farbmischer in deinem Browser und lege sofort los. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Farbmischer funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Der Grund liegt im Unterschied zwischen additiver und subtraktiver Farbmischung. Der RGB-Modus mischt Licht so, wie es ein Bildschirm tut, sodass die Kombination von gelbem und blauem Licht zu einem entsättigten Grau tendiert, nicht zu Grün. Echte Farbe mischt sich subtraktiv: Jedes Pigment absorbiert einen Teil des Spektrums, und gelbes plus blaues Pigment reflektieren zusammen vor allem grüne Wellenlängen. Um das nachzubilden, hat dieses Tool einen eigenen Paint-Mixing-Modus, der auf einem Modell im Stil von Kubelka-Munk basiert und annähert, wie sich echte Pigmente verhalten, sodass Gelb und Blau Richtung Grün tendieren, wie auf einer Palette. Wenn du einen Farbmusterstreifen triffst oder ein physisches Kunstwerk planst, wechsle zu Paint Mixing statt zu Additiv (RGB); für Mischungen am Bildschirm passt RGB oder ein perzeptueller Farbraum besser. Probier beide Modi an denselben zwei Farben aus, um zu sehen, wie unterschiedlich sie sich auflösen.

Wenn du den Modus Gewichteter Durchschnitt wählst, bestimmst du auch den Farbraum, in dem die Mischung berechnet wird: RGB, HSL, HSV, LAB oder LCH. RGB- und HSL-Mischungen können matschige, verdunkelte Zwischentöne erzeugen, weil die Mathematik nicht dem entspricht, wie dein Auge Helligkeit wahrnimmt. LAB und LCH sind perzeptuelle Farbräume, die so gestaltet sind, dass gleiche numerische Schritte wie gleiche visuelle Schritte wirken, sodass eine 50/50-Mischung die Helligkeit gleichmäßiger hält und das graue Durchhängen vermeidet, das oft zwischen zwei gesättigten Farben entsteht. LCH hält insbesondere Farbtonübergänge sanfter. Für Gradienten-Stops, Marken-Mitteltöne oder jede Mischung, bei der der Mittelpunkt ausgewogen wirken soll, liefern perzeptuelle Farbräume meist ein saubereres Ergebnis. Dieses Tool lässt dich den Farbraum wechseln und das Farbmuster sofort aktualisiert sehen, sodass du RGB und LAB an denselben Eingaben mit einem Klick vergleichen kannst.

Du kannst bis zu zehn Farben zu einer einzigen Mischung hinzufügen, mindestens jedoch zwei. Jede Farbe hat ein einstellbares Gewicht von 0 bis 100 Prozent, das steuert, wie stark sie zum Ergebnis beiträgt, sodass eine 75/25-Aufteilung die Mischung stark zur ersten Farbe neigen lässt, sie aber trotzdem ein Stück zur zweiten zieht. Die Gewichte sind proportional, das heißt, das Tool normalisiert sie, statt zu verlangen, dass sie exakt 100 ergeben. Eine Schaltfläche "Gewichte ausgleichen" verteilt sie mit einem Klick gleichmäßig auf alle deine Farben, wenn du einen reinen Durchschnitt möchtest, und ein visueller Gewichtsbalken zeigt den Anteil jeder Farbe auf einen Blick. Das gemischte Farbmuster und alle Ausgabewerte aktualisieren sich in Echtzeit, während du ein Gewicht verschiebst oder eine Farbe änderst. Füge oben deine Farben hinzu, stelle die gewünschte Balance ein und lies das gemischte Ergebnis ab.

Nutze den integrierten WCAG-Kontrastprüfer im Reiter Kontrast. Gib zwei beliebige Farben ein, typischerweise deine Textfarbe und ihren Hintergrund, und das Tool liefert das Kontrastverhältnis zusammen mit einer Bewertung von AAA bis Fail. Die Web Content Accessibility Guidelines schreiben ein Verhältnis von mindestens 4,5:1 für normalen Fließtext und 3:1 für großen Text gegenüber dem Hintergrund vor, sodass dir die Bewertung sofort sagt, ob eine Paarung besteht. Das ist wichtig, weil eine kontrastarme Kombination, die auf deinem Monitor gut aussieht, für Menschen mit eingeschränktem Sehvermögen unlesbar sein kann und in einem Accessibility-Audit auffallen wird. Da du eine Farbe mischen und sie dann gegen Weiß, Schwarz oder einen Markenhintergrund testen kannst, bevor du dich festlegst, erkennst du Fehlschläge, solange noch Zeit zum Anpassen bleibt. Misch deinen Farbton und wirf ihn dann in den Kontrastprüfer, um zu bestätigen, dass er den Schwellenwert erreicht.

Sobald du eine gemischte Farbe hast, leitet der Reiter Paletten vollständige Farbharmonien daraus ab: komplementär, analog, triadisch, split-komplementär, tetradisch und monochromatisch. Jede Harmonie folgt einer anderen Regel, um Farbtöne auf dem Farbkreis zu verteilen, und liefert dir so ein abgestimmtes Set statt eines einzelnen Farbtons. Das Tool erzeugt außerdem fünf Aufhellungen, die die Mischung Richtung Weiß stufen, und fünf Abdunklungen, die sie Richtung Schwarz stufen, sodass du aus einer Basisfarbe eine nutzbare Hell-Dunkel-Bandbreite erhältst. Jede Palette lässt sich als CSS, SCSS, JSON oder ein PNG-Farbmuster-Bild exportieren, um sie direkt in ein Stylesheet oder eine Design-Datei einzufügen. Neben dem Farbmuster siehst du außerdem die nächstliegende benannte Farbe sowie kopierbereite HEX-, RGB-, HSL-, HSV- und CMYK-Werte. Misch deine Basisfarbe, öffne den Reiter Paletten und exportiere die Harmonie, die zu deinem Projekt passt.