Farbmischer
Mische 2 oder 3 Farben in beliebigem Verhältnis wie Farbe oder Licht zur Ergebnisfarbe oder blende zwei Farben in bis zu 10 Schritten. Kopiere HEX, RGB, HSL.
Wählen Sie 2 oder 3 Farben und legen Sie fest, wie viel von jeder einfließt: Die gemischte Farbe wird sofort in Ihrem Browser berechnet. Klicken Sie auf das Ergebnis oder einen beliebigen Wert, um ihn zu kopieren.
Zwei Farben und eine Schrittanzahl wählen: alle Zwischenstufen werden sofort im Browser berechnet.
Über Farbmischer
Der Farbmischer zeigt dir, welche Farbe entsteht, wenn du zwei oder drei Farben mischst. Wähle deine Farben, lege fest, wie viel von jeder in die Mischung kommt, und die Ergebnisfarbe erscheint sofort mit ihren HEX-, RGB-, HSL- und CMYK-Werten, dazu eine Rezeptleiste, die den Anteil jeder Farbe zeigt.
Drei Mischmodelle beantworten unterschiedliche Fragen. Pigment mischt wie echte Pigmente: Blau und Gelb ergeben Grün, und ein bisschen Schwarz reicht schon weit. Licht mittelt Farben so, wie Bildschirme und farbige Lichter sie mischen: Rot und Grün ergeben Gelb. Wahrnehmung mittelt sie im OKLab-Raum, den auch CSS color-mix() verwendet, für sanfte, gleichmäßige Ergebnisse in UI und Design.
Eine zweite Ansicht, „Mischschritte“, blendet eine Startfarbe über bis zu zehn Zwischentöne in eine Endfarbe über, in RGB oder HSL, mit Verlaufsvorschau und einem fertigen CSS-Verlauf zum Einfügen. Alles läuft in deinem Browser, ganz ohne Server.
So verwenden Sie Farbmischer
- Öffne die Ansicht „Farben mischen“ und wähle zwei Farben, oder füge mit „Farbe hinzufügen“ eine dritte hinzu.
- Lege die Menge jeder Farbe fest: Der Prozentwert daneben zeigt ihren Anteil an der Mischung.
- Wähle das Mischmodell: Pigment, Licht oder Wahrnehmung.
- Klicke auf die gemischte Farbe oder einen ihrer Werte, um sie zu kopieren, oder nutze „Rezept kopieren“, um die Mengenverhältnisse zu behalten.
- Wechsle zu „Mischschritte“, um einen Verlauf mit bis zu 10 Farbtönen zwischen zwei Farben zu erstellen.