A room paint colour visualiser. Pick colours from Farrow & Ball, Little Greene, and Dulux, apply them to the walls and ceiling of a 3D box room, and see how they look under different lighting conditions.
- 3D box room rendered with physically-based lighting via Three.js / React Three Fiber
- Three paint brands: Farrow & Ball, Little Greene, Dulux
- Brand → Palette → Colour hierarchy with LRV data
- Paint four surfaces independently: back wall, left wall, right wall, ceiling
- Click surfaces directly in the 3D view or select them from the sidebar
- Compass direction (N/NE/E/SE/S/SW/W/NW) and time of day slider control sunlight angle and colour temperature
- Sunlight patch on floor moves across the day
npm install
npm run devOpen http://localhost:5173.
npm run build
npm run previewThe Vite config sets base: '/drench/' for GitHub Pages. Push to the main branch and enable GitHub Pages from the repository settings, pointing at the dist folder (or use a GitHub Actions workflow to publish on push).
- Colour values are curated approximations — screen rendering will differ from real paint on a wall.
- LRV (Light Reflectance Value) is used to modulate material roughness for subtle perceptual variation.