The checkerboard behind each row shows through wherever a colour is transparent.
alpha() sets it outright; clearer() and opaquer() nudge it by a ratio, and — because
each transform mutates — every step below clones the previous swatch before nudging it
again. The last row mixes the same two colours at the same 50/50 weight twice: once both
fully opaque, once with one of them mostly transparent. mix() folds alpha into the
weighting, so the transparent pairing leans hard toward the opaque colour instead of
splitting the difference.
Ly8gPGJsb2NrOmNvbmZpZzowPgpjb25zdCBjb25maWcgPSB7CiAgcmVuZGVyOiAoKSA9PiB7CiAgICBjb25zdCBiYXNlID0gJyMyZjZmZWQnCgogICAgY29uc3QgYWxwaGFSb3cgPSBbMSwgMC44LCAwLjYsIDAuNCwgMC4yLCAwXS5tYXAoKGEpID0+IG5ldyBjb2xvci5Db2xvcihiYXNlKS5hbHBoYShhKS5oZXhTdHJpbmcoKSkKCiAgICBjb25zdCBjbGVhcmVyUm93ID0gW10KICAgIGxldCBjbGVhcmluZyA9IG5ldyBjb2xvci5Db2xvcihiYXNlKQogICAgY2xlYXJlclJvdy5wdXNoKGNsZWFyaW5nLmhleFN0cmluZygpKQogICAgZm9yIChsZXQgaSA9IDA7IGkgPCA0OyBpKyspIHsKICAgICAgY2xlYXJpbmcgPSBjbGVhcmluZy5jbG9uZSgpLmNsZWFyZXIoMC4zNSkKICAgICAgY2xlYXJlclJvdy5wdXNoKGNsZWFyaW5nLmhleFN0cmluZygpKQogICAgfQoKICAgIGNvbnN0IG9wYXF1ZXJSb3cgPSBbXQogICAgbGV0IG9wYXF1aW5nID0gbmV3IGNvbG9yLkNvbG9yKGJhc2UpLmFscGhhKDAuMikKICAgIG9wYXF1ZXJSb3cucHVzaChvcGFxdWluZy5oZXhTdHJpbmcoKSkKICAgIGZvciAobGV0IGkgPSAwOyBpIDwgMzsgaSsrKSB7CiAgICAgIG9wYXF1aW5nID0gb3BhcXVpbmcuY2xvbmUoKS5vcGFxdWVyKDAuNSkKICAgICAgb3BhcXVlclJvdy5wdXNoKG9wYXF1aW5nLmhleFN0cmluZygpKQogICAgfQoKICAgIGNvbnN0IHJlZCA9IG5ldyBjb2xvci5Db2xvcignI2ZmMDAwMCcpCiAgICBjb25zdCBibHVlID0gbmV3IGNvbG9yLkNvbG9yKCcjMDAwMGZmJykKICAgIGNvbnN0IGJvdGhPcGFxdWUgPSByZWQuY2xvbmUoKS5taXgoYmx1ZS5jbG9uZSgpLCAwLjUpLmhleFN0cmluZygpCiAgICBjb25zdCBvbmVUcmFuc3BhcmVudCA9IHJlZC5jbG9uZSgpLm1peChibHVlLmNsb25lKCkuYWxwaGEoMC4xNSksIDAuNSkuaGV4U3RyaW5nKCkKCiAgICByZXR1cm4gWwogICAgICB7IGxhYmVsOiAnYWxwaGEoKScsIHN3YXRjaGVzOiBhbHBoYVJvdyB9LAogICAgICB7IGxhYmVsOiAnY2xlYXJlcigpJywgc3dhdGNoZXM6IGNsZWFyZXJSb3cgfSwKICAgICAgeyBsYWJlbDogJ29wYXF1ZXIoKScsIHN3YXRjaGVzOiBvcGFxdWVyUm93IH0sCiAgICAgIHsKICAgICAgICBsYWJlbDogJ21peCgpIGJ5IGFscGhhJywKICAgICAgICBzd2F0Y2hlczogWwogICAgICAgICAgeyBjc3M6IGJvdGhPcGFxdWUsIGxhYmVsOiAnYm90aCBvcGFxdWUnIH0sCiAgICAgICAgICB7IGNzczogb25lVHJhbnNwYXJlbnQsIGxhYmVsOiAnb25lIHRyYW5zcGFyZW50JyB9LAogICAgICAgIF0sCiAgICAgIH0sCiAgICBdCiAgfSwKfQovLyA8L2Jsb2NrOmNvbmZpZz4KCm1vZHVsZS5leHBvcnRzID0geyBjb25maWcgfQ==