Turn a webcam feed into a mood-setting backdrop
Chromelette transforms your webcam into a real-time color sampler, painting your entire screen with the dominant hue from whatever you point your camera at. Perfect for ambient lighting, creative photography, and immersive color experiences.
- Smart Radius Control: Adjustable sampling radius
- Color Palette: Save your favorite colors to persistent swatches
- Clean UI: Tap anywhere to hide/show controls
- Responsive Design: Works seamlessly across devices and screen sizes
- Instant Feedback: Real-time RGB and HEX color values display
- Pure HTML/CSS/JavaScript: No dependencies, runs anywhere
Open index.html in any modern web browser and allow camera access when prompted. Point your camera at any colored object or scene and watch your background transform to match the sampled color. The circular sampling area shows exactly where colors are being captured from - adjust its size with the radius slider for precision targeting.
Click any of the six swatches to instantly save the current live color to your palette. Your saved colors persist between sessions, so you can build a library of your favorite hues. Click saved swatches to instantly apply their colors and lock sampling, or long-press any swatch to delete it.
Tap anywhere on the screen to hide the UI for clean ambient lighting - perfect for presentations, streaming, or just enjoying the fullscreen color experience. Click the video preview to mirror it horizontally. Use the lock button to freeze any color (live or saved) for static backgrounds.
Chromelette works in any modern browser that supports:
- getUserMedia API (camera access)
- Canvas API (color processing)
- LocalStorage (Swatch persistence)
