𝙳𝚘𝚝 𝙼𝚊𝚝𝚛𝚒𝚡

Drop an image onto the box below to create a colour dot matrix version.

Image Controls

Detail dots Grid size pixels Dot size pixels } B/g opacity %

Use squares Shrink to fit

Background Colour (HSL: {{hue}}°, {{saturation}}% {{luminance}}%)

Note: in Chrome you can right-click the canvas and save from it directly.

Output size: {{ outputWidth }} × {{ outputHeight }} pixels