Farbmischer

• Sofortiges Farbmischen: Mischen Sie zwei Farben in Echtzeit, während Sie den Regler bewegen. Wechseln Sie den Mischmodus und sehen Sie das Ergebnis sofort aktualisiert – ohne Klick.
• Sicher und privat: Ihre Farben werden zu 100 % clientseitig im Browser gemischt. Nichts wird an einen Server gesendet, sodass Sie bedenkenlos mit Markenfarben und eigenen Paletten arbeiten können.
• Drei Mischmodi: Wählen Sie sRGB (CSS-Standard), Linear (gamma-korrigiert) oder Oklab (perzeptuell gleichmäßig). Jeder Modus liefert bei gleichem Verhältnis unterschiedliche visuelle Ergebnisse.
• Für immer 100 % kostenlos: Völlig kostenlos, ohne Anmeldung, ohne Nutzungslimits und ohne Werbung, die die Oberfläche blockiert. Mischen Sie Farben so oft Sie möchten.

• Markenfarben mischen: Mischen Sie die Primärfarben Ihrer Marke, um Sekundär- und Tertiärfarben der Palette zu erzeugen. Nutzen Sie die Verlaufvorschau, um den exakten Mittelwert zu finden, der Ihren Markenrichtlinien entspricht.
• UI-Design und Theming: Erstellen Sie Hover-Zustände, deaktivierte Zustände und getönte Hintergründe, indem Sie Ihre Primärfarbe in verschiedenen Verhältnissen mit Weiß oder Schwarz mischen. Exportieren Sie die Ergebnisse direkt als CSS-Werte.
• Vorschau der CSS-Funktion color-mix(): Sehen Sie vor dem Schreiben des Codes, wie color-mix() zwei Farben mischen wird. Der sRGB-Modus entspricht exakt dem Standard-Mischraum von CSS.
• Paletten erzeugen: Erzeugen Sie weiche Farbverläufe zwischen zwei Ankerfarben für Datenvisualisierungen, Diagramme und Heatmaps. Die 11-stufige Vorschau zeigt den gesamten Bereich auf einen Blick.
• Foto-Bearbeitung und Retusche: Berechnen Sie die exakte Mischfarbe, die nötig ist, um einen Zielton in der Bildbearbeitung zu treffen. Nutzen Sie den Oklab-Modus für perzeptuell genaue Farbmischung, die dem menschlichen Sehen entspricht.
• Barrierefreiheit und Kontrast: Mischen Sie Vordergrund- und Hintergrundfarben, um einen Mittelwert zu finden, der die Lesbarkeit verbessert. Prüfen Sie das Ergebnis mit einem Kontrast-Prüfer auf WCAG-Konformität.

Ein Farbmischer mischt zwei Farben in einem konfigurierbaren Verhältnis und gibt die resultierende Farbe in mehreren Formaten aus. Anders als ein einfacher Mittelwert kann das Farbmischen in verschiedenen Farbräumen erfolgen – jeder liefert visuell unterschiedliche Ergebnisse. Unser Farbmischer unterstützt drei Modi: sRGB (der CSS-Standard), Linear (gamma-korrigiert) und Oklab (perzeptuell gleichmäßig). Die gesamte Mischung läuft sofort im Browser, ohne Server-Upload.

1. Zwei Farben eingeben: Geben Sie einen HEX- oder RGB-Wert in die Farbfelder ein oder nutzen Sie den nativen Farbwähler. Der Farbmischer akzeptiert jedes gültige CSS-Farbformat.
2. Mischverhältnis festlegen: Ziehen Sie den Regler, um den Anteil jeder Farbe zu bestimmen. 50 % ergibt eine gleiche Mischung; 25 % ergibt 75 % Farbe 1 und 25 % Farbe 2. Klicken Sie auf eine Stufe der Verlaufvorschau, um direkt dorthin zu springen.
3. Ergebnis kopieren: Die gemischte Farbe wird in HEX, RGB, HSL und HSV mit Ein-Klick-Kopierbuttons angezeigt. Nutzen Sie die Verlaufvorschau, um den gesamten Bereich zwischen den beiden Farben zu erkunden.

• sRGB-Mischung: interpoliert direkt zwischen den sRGB-Kanalwerten (0-255). Entspricht der CSS-Funktion color-mix(in srgb) und ist der vorhersehbarste Modus für die Webentwicklung.
• Lineare Mischung: wandelt Farben vor dem Mischen in lineares Licht um (entfernt die Gamma-Kodierung) und wendet Gamma anschließend wieder an. Das liefert physikalisch genauere Ergebnisse beim Mischen von Licht – Mittelwerte erscheinen heller als im sRGB-Modus.
• Oklab-Mischung: mischt Farben im perzeptuell gleichmäßigen Oklab-Farbraum. Mittelwerte erscheinen visuell gleich weit von beiden Eingangsfarben entfernt und vermeiden die schmutzigen Brauntöne, die beim Mischen komplementärer Farben in sRGB entstehen. Ideal für Designarbeit und Palettengenerierung.
• Ausgabeformate: Die gemischte Farbe wird immer in HEX, RGB, HSL und HSV zurückgegeben. Alle Werte werden auf die nächste ganze Zahl gerundet – saubere, direkt kopierbare Ausgabe.