Farbmischer
Mische zwei Farben online und bekomme das Ergebnis als HEX, RGB, OKLCH und als fertige CSS-Zeile mit color-mix(). Stell ein, wie viel von jeder Farbe hineinkommt, und wähle den Farbraum, in dem gemischt wird. Neun Stufen von der einen zur anderen Farbe gibt es dazu. Kostenlos, in deinem Browser.
So mischst du zwei Farben
- 1Gib die „Erste Farbe“ und die „Zweite Farbe“ ein oder wähle sie aus
- 2Zieh den „Anteil der zweiten Farbe“ auf die gewünschte Mischung
- 3Wähle unter „Mischen in“ einen Farbraum
- 4Kopiere den HEX-, RGB-, OKLCH- oder CSS-Wert der Mischung
- Die Mischfarbe, mit ihren Werten und neun Stufen dazwischen
Was herauskommt
- Fertig für CSS.Die Mischung kommt auch als color-mix(in oklab, #2563eb 50%, #f59e0b), zum Einfügen ins Stylesheet
- Fünf Farbräume.OKLab, OKLCH, CIE Lab, sRGB und lineares sRGB mischen jeweils anders, du kannst sie vergleichen
- Nichts wird gesendet.Die Farben werden von deinem Browser auf deinem eigenen Gerät gemischt
Was du tun kannst
- Zwei Farben mischen, eingegeben als #hex, rgb(), hsl(), lab(), oklch(), CSS-Farbname oder Tailwind-Name, oder mit dem Farbwähler ausgesucht
- Den Anteil der zweiten Farbe von 0 bis 100 % einstellen, voreingestellt sind gleichmäßige 50 %
- In „OKLab (gleichmäßige Stufen fürs Auge)“, OKLCH, CIE Lab, „sRGB (wie die meisten Designprogramme)“ oder „Lineares sRGB (wie Licht mischen)“ mischen
- Die Mischung als HEX, RGB, OKLCH oder als CSS-Ausdruck mit color-mix() kopieren
- Neun Stufen von der ersten zur zweiten Farbe sehen, bei 0, 13, 25, 38, 50, 63, 75, 88 und 100 %, jede mit Kopierknopf
Gut zu wissen
- Das hier ist Licht auf einem Bildschirm, keine Farbe aus dem Topf. Blau und Gelb ergeben in sRGB gemischt Grau, #808080, kein Grün
- Der Farbraum ändert das Ergebnis. #2563EB und #F59E0B zu je 50 % ergeben in OKLab #938EA4 und in sRGB #8D817B
- Gemischt wird wie mit CSS color-mix(): In OKLCH nimmt der Farbton den kürzeren Weg um den Farbkreis
- Immer zwei Farben auf einmal. Für einen Verlauf über mehr Farben nimm den Verlaufspaletten-Generator
Fragen
Wie kann ich zwei Farben online mischen?
Gib beide Farben ein oder wähle sie aus, zieh den Anteil auf die gewünschte Mischung und kopiere das Ergebnis. Die Mischung erscheint als HEX, RGB, OKLCH und als CSS-Zeile mit color-mix().
Warum ergeben Blau und Gelb kein Grün?
Farbe aus dem Topf mischt, indem sie Licht wegnimmt, ein Bildschirm, indem er Licht hinzufügt. Als Licht in sRGB gemischt ergeben #0000FF und #FFFF00 Grau. In OKLab ergeben sie ein helles Blau, #6CABC7.
In welchem Farbraum soll ich mischen?
OKLab, die Voreinstellung, gibt Stufen, die fürs Auge gleichmäßig wirken. sRGB entspricht den meisten Designprogrammen, und lineares sRGB verhält sich wie zwei Lampen, die zusammen leuchten.
Kann ich das Ergebnis direkt in CSS verwenden?
Ja. Kopiere die Zeile mit color-mix(), dann mischt der Browser genauso, oder kopiere den HEX-Wert, wenn du eine feste Farbe willst.
Werden meine Farben irgendwohin gesendet?
Nein. Gemischt wird in deinem Browser auf deinem eigenen Gerät. Mit deinen Farben geht keine Anfrage hinaus.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten