Luma dither
Dark
Light
Source image
Upload image
No file selected — showing a sample gradient.
Cover
Contain
Zoom
100
Position X
0
Position Y
0
Reset zoom & position
Dither pattern
Matrix
Cell size
8
Tone
Dots in shadows
Dots in highlights
Black point
0
White point
100
Color
Mono
Chromatic split
Fringe amount
4
Fringe angle
200
Uses the source image's own lightness — fill color follows the Dark/Light toggle above.
Each RGB channel is dithered from a slightly shifted sample point, then composited additively — the same mechanism behind real chromatic aberration, which is what produces edge fringing here.
SVG export wraps each channel in its own mix-blend-mode:screen group. Most apps honor it, but check the import before relying on it — PNG is the more faithful reference.
Download PNG
Download SVG
— live, resizes with window — export renders at full canvas resolution