Aufgabenpfad / von der Eingabe zum Ergebnis
So mischst du zwei Farben
- 01
Gib die beiden Farben ein
Fülle Erste Farbe und Zweite Farbe mit Hex-Werten — #RGB, #RGBA, #RRGGBB und #RRGGBBAA werden alle akzeptiert, transluzente Eingaben sind also in Ordnung. Der Arbeitsbereich öffnet mit #6D5EF8 gegen #22C55E.
- 02
Berechnung
Wähle die Berechnung: Gewichtete Mischung interpoliert kodierte sRGB-Kanäle mit vormultipliziertem Alpha. Überlagern legt die erste Farbe über die zweite; die Reihenfolge zählt, und in diesem Modus gibt es keinen Gewichtungsregler.
- 03
Mische die Farben
Bei Gewichteter Mischung stelle das Gewicht der zweiten Farbe von 0 % (nur die erste) bis 100 % (nur die zweite) ein und klicke Farben mischen. Bei Überlagern führt derselbe Knopf die Ebenenberechnung aus. Jede Änderung an Farbe, Methode oder Gewicht löscht das alte Ergebnis.
- 04
Lies das Ergebnisfeld
HEX, RGBA, CSS und Vorschau teilen sich 8-Bit-Kanäle und Alpha. Transparenz wird über der Seite gezeigt; die Ausgabe behält Alpha.
- 05
Probiere die Beispielmischung
Drücke Beispiel laden, um #F97316 mit #7C3AED bei einem Gewicht von 35 % zu mischen — ein warmes Orange, das Richtung Violett driftet —, damit du den ganzen Ablauf siehst. Zurücksetzen holt das Standard-Paar bei 50 % zurück.
- 06
Kopiere oder lade das Ergebnis herunter
Kopiere oder lade toolars-color-mix.json herunter mit beiden Ausgangsfarben, der Methode, dem sRGB-Farbraum, HEX, RGBA und einer CSS-Deklaration. secondColorWeight ist nur bei gewichteter Mischung enthalten. Alle Ausgabeformen teilen dasselbe 8-Bit-Ergebnis.