chillbert
chillbert turns an image file into a tangible colour space. Drop in a picture and RGB turns to XYZ. The cube becomes the image's gamut. Try it with animated GIFs!
It comes out as a WebGL point cloud, with the reading path lit between the points.
Built with
- three.js
- WebGL
- placement blended in the vertex shader
How it works
- RGB as coordinates
- Two placements
- Slider in the shader
- One day
Every colour is already three numbers — red, green, blue. Read them as X, Y and Z, and every pixel becomes a point in a cube. Drop in a picture and its colours take their places: the cube fills where the image lives and stays empty where it does not. That shape is its gamut.
Text works the same way, one point per byte. A slider blends between two placements — every byte value on a fixed home, or byte number i on cell i of a three-dimensional Hilbert curve, which keeps neighbours in the text as neighbours in space. The blend happens in the vertex shader, so dragging costs nothing per frame.
In numbers
2026 1 Day
Coolest feature
Throw in an animated GIF and every frame gets its own cloud. Played back, the points wobble, shiver and wander through the cube — a palette in motion.
What can Iget out ofyour way?
Reach out