Colour Brightness Blotcher

I wrote this some time ago, it’s one of my earlier experiments and I was never quite sure of the point of it, but have kept it going as it can make some interesting effects.

or alternatively image url apply

Formula for calculating brightness:

Full size × pixels

Screen image × pixels

where the difference between the RED element of a pixel and the element value closest to it in the triad is greater than the slider value, pixel will become the red-replace colour

diff: red-replace RGBA:

where the difference between the GREEN element of a pixel and the element value closest to it in the triad is greater than the slider value, pixel will become the green-replace colour

diff: green-replace RGBA:

where the difference between the BLUE element of a pixel and the element value closest to it in the triad is greater than the slider value, pixel will become the blue-replace colour

diff: blue-replace RGBA:

pixels will be black where they are not alredy converted and the brightness is <= the slider value

pixels will be white where they are not already converted and the brightness is >= the slider value

all other pixels will become this colour

RGBA

select colour item to change on colour pick

none

red pixel set

green pixel set

blue pixel set

remainder pixel set

Paint Result

Image Rendering on fullsize

Auto

Crisp Edges

Smooth

High Quality

Pixellated

Image rendering is controlled via CSS. The options are CSS image-rendering variables, some of them produce identical results to others in some cases.

Image Smoothing Enabled on Paint

Download

......

Copyright: many of my photos have a Creative Commons ShareAlike attribution, you can do what you like with them but I ask that you credit me for the pic. Be careful with other people’s photos, do not reproduce them unless you have permission.

Dave Collier, Carlisle, England

email me