A real-time color detection tool that identifies the color at the center of your camera view. Shows color name in Bengali, HEX code, and RGB values instantly.
- ✅ Live camera feed with center crosshair
- ✅ Instant color name detection in Bengali
- ✅ HEX & RGB color codes displayed
- ✅ Smooth color preview display
- ✅ Clean professional design
- ✅ Works on mobile & desktop
- ✅ Pure JavaScript — no libraries needed
color-detector/ ├── index.html → Main page ├── style.css → Styling & design ├── script.js → Detection logic └── README.md → Documentation plaintext
- Save all files in one folder
- Open
index.htmlin browser - Click "Open camera"
- Allow camera permission
- Point camera at any color — result updates instantly
- Modern browser (Chrome, Firefox, Edge, Safari)
- Camera permission enabled
- HTTPS or localhost for online use
- Change colors in
style.css→:rootsection - Add more color names in
script.js→getColorName()function - Adjust crosshair size in
style.css→.crosshair
© 2026 mfaysal.com — All Rights Reserved