2026 · WebGL · Three.js · GLSL · Vue 3

Brand colour pipeline tester

A tiny WebGL viewer that shows a single hero colour rendered under three light conditions side-by-side. Drop in a hex, see if it survives Lisbon overcast.

View on GitHub
Brand colour pipeline tester

Built while debugging a Mercedes silver that refused to stay calm across Algarve sunsets and Lisbon overcasts. The internal tool became a teaching prop. Now it lives here.

Drop a hex code, the tool runs the colour through three procedural light setups: studio strobe (5500K, hard), overcast natural (6500K, soft), direct sun (5200K, specular). What you see is how the colour actually reads in each context — not how it looks in Figma.

Useful for: confirming a brand colour spec, debugging on-press deltas, briefing a photo team on what to expect across location shoots.