Farbmischer
NeuZwei Farben in beliebigem Verhältnis mischen und das Ergebnis oder jeden Schritt kopieren.
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
Ein kostenloser Online-Farbmischer für Farbe oder Licht
Dieser Farbmischer kombiniert zwei Farben — oder mehr — zu einer neuen und zeigt den vollständigen Verlauf der Zwischenstufen. Wählen Sie Farben mit den Farbfeldern, geben Sie einen Hex-Code ein oder entnehmen Sie sie direkt aus einem hochgeladenen Bild; lesen Sie dann das gemischte Ergebnis als HEX, RGB, HSL und CMYK. Alles läuft in Ihrem Browser, ist sofort verfügbar und nichts, was Sie laden, wird jemals hochgeladen.
Während die meisten Tools nur eine einfache lineare Mischung bieten, ermöglicht dieses Tool, zwei Farben online zu mischen auf drei verschiedene Arten und zeigt den Unterschied in Echtzeit — so erhalten Sie das Ergebnis, das ein Maler erwartet, das einer Bildschirmdarstellung oder einen reinen mathematischen Mittelpunkt für Verläufe und Design-Systeme.
Subtraktiv, additiv oder einfache Mischung — drei Mischmodelle
Die subtraktive Mischung modelliert Farbe und Pigment: Farben absorbieren (subtrahieren) Licht, also Blau + Gelb = Grün, Rot + Gelb = Orange und Rot + Blau = Lila — die intuitiven Ergebnisse von 'Welche zwei Farben ergeben X', die physischen Farben, Tinten und dem CMYK-Druck entsprechen. Die additive Mischung modelliert Licht: Rot, Grün und Blau addieren sich, also Rot + Grün = Gelb und alle drei zusammen ergeben Weiß — wie Bildschirme, Projektoren und Bühnenlichter funktionieren.
Der dritte Modus, Blend, ist eine gerade lineare Interpolation, die die RGB-Kanäle mittelt, um den genauen numerischen Mittelpunkt zu finden — ideal für Verläufe, UI-Töne und die Generierung von Design-Tokens. Ein einziger Schalter wechselt zwischen allen drei, und die Mischleiste wird sofort neu gezeichnet, sodass Sie sehen können, wie eine Blau-zu-Gelb-Farbmischung durch ein realistisches Grün im subtraktiven Mittelbereich verläuft.
Welche zwei Farben ergeben Grün, Orange, Lila und Braun?
Die eingebaute Farbmischtabelle beantwortet die meistgesuchten Pigmentfragen mit einem Tippen: Grün aus Blau + Gelb, Orange aus Rot + Gelb, Lila aus Rot + Blau, Blaugrün aus Blau + Grün und ein realistisches Braun aus zwei Komplementärfarben wie Orange + Blau. Tippen Sie auf ein beliebiges Paar in der Tabelle, um es im subtraktiven Modus in den Mischer zu laden.
Da der subtraktive Motor so mischt, wie Pigmente es wirklich tun, kommen die Sekundärfarben authentisch heraus und die Tertiärfarben verdunkeln sich natürlich zum Braun hin — das gleiche Eintrüben, das Sie beim übermäßigen Mischen echter Farbe erhalten. Der Verhältnisschieber ermöglicht eine genaue Kontrolle der Proportionen: 70% Rot + 30% Blau ergibt ein wärmeres, magentafarbener Lila als eine 50/50-Mischung.
Aus einem Bild mischen — und mehr als zwei Farben mischen
Laden Sie ein beliebiges Foto hoch und verwenden Sie die Pipette, um Farben direkt daraus zu entnehmen — perfekt zum Abgleichen einer Markenfarbe aus einem Produktfoto, einer Farbmuster oder einem inspirierenden Bild. Wählen Sie zwei oder mehr Pixel und mischen Sie sie. Das Bild wird lokal auf einem HTML-Canvas dekodiert, sodass ein Farbmischer aus Bild hier bedeutet, dass Ihre Datei das Gerät nie verlässt — geeignet für vertrauliche Markenassets und unveröffentlichte Design-Mockups.
Müssen Sie mehr als zwei kombinieren? Klicken Sie auf 'Farbe hinzufügen', um ein drittes, viertes, fünftes oder sechstes Farbfeld hinzuzufügen, jedes mit seinem eigenen Gewichtsschieber. Das Tool gibt die gewichtete Mischung aller Eingaben zurück — nützlich zum Mitteln einer Palette, zum Nachbilden einer Mehrpigment-Farbmischung oder zum Finden des visuellen Zentrums einer Reihe von Markenfarben.
Vergleich mit Adobe Color, Coolors und colordesigner.io
Adobe Color (color.adobe.com) ist für die Erkundung von Farbharmonie konzipiert — komplementär, triadisch, analog — und erfordert ein Adobe-Konto, das Daten mit Adobes Servern synchronisiert. Es hat kein subtraktives (Farbe) oder additives (Licht) Mischmodell und keinen Verhältnisschieber. Coolors (coolors.co) ist hervorragend für die Palettengenerierung, aber sein Farbmischer führt nur eine einfache lineare Mischung durch — äquivalent zum 'Blend'-Modus dieses Tools.
colordesigner.io bietet eine lineare Zwei-Farben-Mischung und einen Verlaufsstreifen, gibt aber nur Hex-Werte aus — kein RGB, HSL oder CMYK — und fehlen physikbasierte Mischmodelle. Dieses Tool schließt die Lücke: drei Mischmodelle, vier simultane Ausgabeformate, Bild-Farbmusterung, bis zu sechs Farben mit individuellen Gewichtsschiebern und eine teilbare URL. Kein Konto erforderlich, keine Nutzungsgrenzen, keine Server-Uploads.
Jeden Code bereit zum Kopieren — und ein teilbarer Link
Die Ergebniskarte zeigt die HEX-, RGB-, HSL- und CMYK-Werte der gemischten Farbe sowie die nächstgelegene benannte CSS-Farbe, und ein einziger Klick kopiert jeden davon in die Zwischenablage. Generieren Sie 2–20 gleichmäßig verteilte Zwischenstufen-Farbfelder zwischen Ihren zwei Farben, kopieren Sie einen einzelnen Schritt oder nehmen Sie die gesamte Sequenz auf einmal für einen CSS-Verlauf oder eine Design-System-Farbrampe.
Es gibt nichts zu installieren und kein Konto zu erstellen. Farbmischung, Bildmusterung und Code-Konvertierung erfolgen alle lokal in Ihrem Browser — Ihre Farben und Bilder bleiben auf Ihrem Gerät. Setzen Sie den Online-Farbmischer als Lesezeichen und kombinieren Sie ihn mit dem Farbpaletten-Generator und dem Kontrast-Checker auf UtiloKit für einen kompletten Upload-freien Farb-Workflow.
Frequently asked questions
Wie mischt man zwei Farben online?
Wählen Sie Ihre zwei Farben mit den Farbfeldern oder durch Eingabe von Hex-Codes, wählen Sie ein Mischmodell (Farbe/subtraktiv, Licht/additiv oder einfache lineare Mischung) und ziehen Sie den Verhältnisschieber — zum Beispiel 30% / 70% — um zu steuern, wie viel jede Farbe zum Ergebnis beiträgt. Die gemischte Farbe und ihre HEX-, RGB-, HSL- und CMYK-Codes aktualisieren sich sofort; klicken Sie auf eine beliebige Formatzeile, um sie in die Zwischenablage zu kopieren.
Welche zwei Farben ergeben Grün?
Blau und Gelb ergeben Grün, wenn Sie Farbe oder Pigment mischen (subtraktive Mischung). Stellen Sie das Modell auf Subtraktiv ein und mischen Sie ein Blau wie #2563EB mit einem Gelb wie #FACC15, um ein Grün um #61A73A zu erhalten. Auf einem Bildschirm, wo Sie Licht mischen (additiv), gelten andere Regeln — rotes + grünes Licht = Gelb, und alle drei bei maximaler Intensität = Weiß.
Was ist der Unterschied zwischen additiver und subtraktiver Farbmischung?
Additive Mischung kombiniert Licht: Rot-, Grün- und Blaukanäle addieren sich, also Rot + Grün = Gelb und alle drei bei voller Leistung = Weiß. Bildschirme, Projektoren und TVs funktionieren so. Subtraktive Mischung kombiniert Pigmente, die Wellenlängen des Lichts absorbieren (subtrahieren); je mehr Pigment Sie hinzufügen, desto dunkler wird es. Blau + Gelb = Grün, und alle drei Primärfarben zusammen ergeben Braun. CMYK-Druck ist subtraktiv.
Wie mische ich zwei Hex-Farben?
Geben Sie jeden Hex-Code in sein Feld ein oder fügen Sie ihn ein — mit oder ohne das führende # — zum Beispiel #FF5733 und #33C1FF. Der Mischer kombiniert sie sofort im aktuellen Verhältnis und gibt den resultierenden Hex-Code zusammen mit seinen RGB-, HSL- und CMYK-Äquivalenten zurück. Dreistellige Kurzform-Hex wie #F53 wird ebenfalls akzeptiert. Klicken Sie auf eine beliebige Ergebniszeile zum Kopieren.
Kann ich Farben aus einem Bild mischen?
Ja. Öffnen Sie das Panel 'Aus Bild mischen', laden Sie ein beliebiges Foto oder Design-Screenshot hoch, klicken Sie dann auf die Leinwand, um Farben direkt aus dem Bild in Ihre Farbfelder zu entnehmen. Das Bild wird lokal auf einem HTML-Canvas in Ihrem Browser mit JavaScript dekodiert — keine Daten werden an einen Server gesendet und Ihre Bilder bleiben vollständig privat auf Ihrem Gerät.
Wie viele Verlaufsschritte kann ich zwischen zwei Farben generieren?
Mit dem Schritte-Regler können Sie zwischen 2 und 20 gleichmäßig verteilte Farbfelder zwischen Ihren zwei Eingabefarben generieren. Elf Schritte geben Ihnen die zwei Endpunkte plus neun Mittelpunkte — ideal zum Erstellen eines CSS-Verlaufs oder einer vollständigen Farbrampe für ein Design-System. Klicken Sie auf ein einzelnes Farbfeld, um seinen Hex-Code zu kopieren, oder verwenden Sie 'Alle kopieren'.
Ist das kostenlos? Muss ich mich anmelden?
Nein. Der Farbmischer ist völlig kostenlos ohne Konto, ohne Registrierung, ohne Bezahlschranke und ohne Nutzungsgrenzen. Öffnen Sie die Seite und beginnen Sie sofort mit dem Mischen. Im Gegensatz zu einigen Design-Plattformen, die erweiterte Farbmischung hinter einem Abonnement verstecken, ist jede Funktion hier — subtraktive und additive Modelle, Bildmusterung, Mehrfarbenmischung, Verlaufsschritte und alle Ausgabeformate — kostenlos beim ersten Besuch verfügbar.
Related tools
Alle Tools ansehen
Neu Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
Farbwähler & Konverter
Eine Farbe wählen und zwischen HEX, RGB, HSL und OKLCH umwandeln.
Neu Farbkontrast-Prüfer
WCAG-AA/AAA-Kontrastverhältnisse zwischen Text- und Hintergrundfarben prüfen.
Neu CSS-Verlaufsgenerator
Lineare, radiale und konische CSS-Verläufe mit Live-Vorschau erstellen.
Neu CSS-Box-Shadow-Generator
Mehrschichtige CSS-Box-Shadows mit Voreinstellungen und Live-Vorschau bauen. CSS, Wert oder React-Style sofort kopieren.
Neu Farbpaletten-Generator
Komplementäre, analoge, triadische und monochromatische Paletten erzeugen.