— Lab · 2026 · WebGL · Three.js · GLSL

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.

All lab
Year
2026
Stack
WebGL
Three.js
GLSL
Vue 3
Source
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.

— Next steps

Tell us what was only ever described.

Start a build

or write to info@amplifiedcreations.com · a senior member of the team answers