AzPainter 3 blend mode comparison tool

Legend

Controls

Alpha: 0

Background: 0

Blending functions viewer

Ported to javascript from https://gitlab.com/azelpg/azpainter/-/blob/master/src/image/blendcolor_8bit.c

Notes

Some observations:

Only luminous_add and luminous_dodge affect by alpha value. Alpha controls the slope, background value control the offset.
overlay and hardlight are almost the same.

Links

AzPainter homepage [ ja ]
Clip studio blend modes introduction [ ja | en ]
CSS blend mode - MDN [ ja/en ]