RGB-Alpha-Komposition mit Source-over
Kombinieren Sie Vordergrund- und Hintergrundfarben mit separaten Deckfähigkeitswerten und melden Sie gerade und vorvervielfältigte Ausgabekanäle.
IHRE BERECHNUNG
Ergebnis
—
Rechenschritte
Gehen Sie die Schritte einzeln durch oder zeigen Sie die gesamte Berechnung an. Die Schritte verwenden Ihre aktuellen Eingaben.
Berechnungsmethode
Vormultiplizieren Sie beide Farben durch ihre Alpha, verwenden Sie Quell-over-Zusammensetzung und dividieren durch das Ergebnis Alpha, um gerade Kanäle, wenn nicht Null wiederherzustellen.
αout=αf+αb(1−αf); premultiplied C=αfCf+αb(1−αf)Cb
Rechenbeispiel
Halbopakrot über opakem Blau gibt Alpha 1 und kodierte RGB (127,5,0.127,5), gerundet auf #800080.
Annahmen und Hinweise zu den Eingaben
Sechsstellige sRGB-Hex-Farben mit geradem Alpha; Opazität 0–100%. Arithmetik wird explizit auf kodierten sRGB-Kanälen durchgeführt, ohne lineare Lichtkonvertierung oder andere Blend-Modi. Diese Konvention kann von farblich gesteuerten linearen Licht-Rendering unterscheiden. Bei Null-Ausgabe-Alpha wird gerader RGB undefiniert und als solche gemeldet. Hex-Ausgabe rundet jeden Kanal auf ein 8-Bit-Byte. Kein Bild wird hochgeladen oder bearbeitet.
Quellen: W3C: einfache Alpha-Kompositierung
Hinweise zum Rechner
Kann ich eigene Werte eingeben?
Ja. Ersetzen Sie die Beispielwerte durch Ihre eigenen Eingaben. Ergebnis, Rechenschritte, Tabellen und gegebenenfalls Diagramme werden entsprechend aktualisiert. Bei leeren oder ungültigen Eingaben wird das Ergebnis gelöscht. Fehlende Angaben werden niemals unbemerkt durch Beispielwerte ersetzt.
Sind die Ergebnisse exakt?
Die Ergebnisse beruhen auf Gleitkommaarithmetik und werden für die Anzeige gerundet. Beachten Sie die Formel, die Annahmen und die gegebenenfalls angegebene Datengenauigkeit.
Werden meine Eingaben hochgeladen?
Die Berechnung erfolgt in Ihrem Browser. Ein Benutzerkonto, Datei-Uploads oder ein externer KI-Dienst sind nicht erforderlich. Beim Neuladen der Seite werden die Eingaben zurückgesetzt.
Konvertieren Sie undurchsichtige sRGB-Farbcodes zwischen HEX, Integer RGB und HSL. Siehe ungerundete Kanalwerte und die nächste 8-Bit-HEX-Darstellung.
Vergleichen Sie zwei undurchsichtige sRGB-Farben, überprüfen Sie eine Textvorschau und überprüfen WCAG 2,2 Kontrastschwellen für normalen und großen Text.
Interpolieren Sie zwei Rotationsquaternionen entlang des kürzesten Einheitsquaternionsbogens.
Reservierter Werbeplatz.