SVG Color Filter Playground
kazzkiq.github.ioChange a colour matrix and see how it transforms an image.
Change a colour matrix and see how it transforms an image.
Train a personal colour generator and search its combinations.
Compare how six picker models organize colour choices.
Convert colours and generate data scales through a JavaScript API.
Shape multi-step colour scales with curves, locked colours and code exports.
Build palettes from community choices and carry their credits into exports.
Build colour harmonies with an RYB wheel and export palettes for design apps.
Preview colour-vision differences through a screen filter or phone camera.
Sample a foreground and background pair and copy its contrast report.
Generate programmable palettes from anchor colours and curved paths.
Apply an image’s dominant colour to its surrounding web element.
Manipulate common colour representations with a small Python interface.
Pick screen colours, adjust their values and keep small Windows palettes.
Use a curated dataset of colour names and hex values.
Build, mask and reuse a colour grade inside Final Cut Pro.
Sample a browser colour, inspect its element and copy an adjusted value
Shape colour transitions and copy a multi-stop CSS gradient.
Configure a standalone colour picker with swatches and opacity controls.
Collect image colours and compare nearby colour-system references.
Connect a React or Preact colour control to application state.
Find named colours, inspect hex values and explore related shades.
Shape film colour, grain and highlight glow with separate controls.
Build colour-profile transformations into imaging software.
Curated campaign photography with boards and composition filters