Declare the color space before calculating a composite

Name the operation before judging the result

CSS Color 4 is a Candidate Recommendation Draft dated 3 November 2026; Compositing and Blending Level 1 is a Candidate Recommendation Draft dated 21 March 2024. These references do not prove universal implementation.

Ask which appearance the creative owner actually intends to reproduce. A disagreement between two pictures is not enough to identify the cause, and choosing the more pleasing picture does not establish a repeatable process. Keep the original supplied values, their stated interpretation and the intended destination with the comparison. A later receiver needs to understand the operation, not merely imitate a screenshot by eye.

Use a neutral synthetic example before examining a real product image. It keeps the investigation independent of capture conditions, brand-color disputes and image rights. The result is an explanation of a numerical difference, not a color-critical judgment. Avoid claiming that the exercise proves which treatment will best represent a physical product or communicate the campaign’s intended mood.

Calculate the two stipulated paths

Hold straight alpha association fixed. Neutral encoded sRGB source is 0.8, opaque backdrop 0.2, source alpha 0.25. With source-over weights, encoded-channel mixing gives 0.25 × 0.8 + 0.75 × 0.2 = 0.35.

For these inputs, decode sRGB c to linear-light sRGB as ((c + 0.055) / 1.055)^2.4. The decoded values are 0.603827339 and 0.033104767. Combine them to obtain 0.175785410; encode L as 1.055 × L^(1 / 2.4) − 0.055, giving 0.456283727.

The second combination uses the same weights: 0.25 × 0.603827339 + 0.75 × 0.033104767. Both paths retain an opaque result. The discrepancy comes from the stipulated representation change, not a different opacity input.

The supplied local execution checks the arithmetic and produces illustrative swatches. It is not a receiving-renderer test. Preserve intermediate numbers at adequate precision; rounding each stage to a display label would change the exercise and make a later reconciliation harder. Record rounding only when preparing the human-readable summary, leaving the original calculation available for inspection.

Choose the contract without inventing a universal preference

Neither numerical result alone establishes the intended creative answer. Ask the production owner which operation the receiving workflow is supposed to reproduce and why. If a supplier’s output matches one path while the approved contract specifies the other, describe the mismatch precisely. If the contract was never specified, the team has a decision to make rather than an established defect to blame on someone.

Keep the proposed response proportionate. A broad color-management change could affect unrelated artwork and should not be used as an unexplained repair for one overlay. Start with the bounded operation and request evidence from its owner. Do not ask someone to adjust the opacity by eye until the pictures happen to match; that may hide the cause while creating a new undocumented input.

When the owner deliberately chooses a different appearance, retain both the earlier and revised reference. Explain which deliverables require renewed review and which do not. This prevents a reasonable creative change from being mistaken for proof that the original calculation was wrong. The numerical record should support the decision, not substitute for the authority to make it.

Make the receiving comparison interpretable

Send the receiving reviewer the stipulated inputs, intermediate values and intended result together. Ask for the actual operation and environment used to generate their output. If the receiving result disagrees, preserve it before investigating. Do not relabel its interpretation or modify the expected numbers merely to make the comparison pass. First establish whether both sides attempted the same task.

After the arithmetic contract is reconciled, review the final creative at its intended destination. A numerical agreement cannot establish that the campaign is attractive, accessible or faithful to a physical reference. Those questions need their own appropriate evidence. Keep the technical decision narrow enough that another specialist can see which responsibilities remain open.

Archive the calculation with the approved treatment and its scope. If the supplier or delivery environment changes later, repeat the bounded comparison before assuming that a familiar control produces the same operation. The useful outcome is a traceable explanation and an owner-approved choice. It is not a claim that every tool must produce one universally superior picture.

Make the reasoning concrete.

A fictional brand team receives two neutral-overlay proofs and initially suspects that a supplier entered the wrong opacity. The numerical fixture demonstrates another explanation that can be investigated without changing the production artwork.

The team requests the missing production explanation and keeps the original proofs. No image, application preference or delivery setting is changed.

Take the questions into your next brief.

Use these prompts in your own notes. Nothing is submitted from this page.

1. Intention

   Which approved appearance is the receiver trying to reproduce?

2. Inputs

   Are the stipulated values preserved without silent adjustment?

3. Stages

   Can the reviewer reconcile each intermediate number?

4. Contract

   Who decides which operation the workflow requires?

5. Evidence

   Which receiving and creative reviews remain outstanding?

Watch for the wrong conclusion.

• Adjusting a control until the discrepancy is hidden.
• Rounding every intermediate value before reconciliation.
• Calling a numerical illustration a browser test.

Sources & scope

Original synthetic fixtures and production reasoning. Named references support the identified technical mechanisms and their applications. Local arithmetic and library execution are not receiving-renderer acceptance.

• CSS Color Module Level 4 →Primary draft specification · Supports: Supports transfer equations.
• Compositing and Blending Level 1 →Primary draft specification · Supports: Supports source-over arithmetic.