ColorWeb
A browser extension that lets you draw on any webpage with any color you want
🎨
Any Color
Pick any color with the color picker or use preset colors
✏️
Adjustable Brush
Change brush size from thin lines to thick strokes
🌐
Works Everywhere
Draw on any website you visit
📱
Touch Support
Works with both mouse and touch devices
1 Download the Extension
Download all the extension files from this Replit project. The extension includes these files:
📄 manifest.json
📄 content.js
📄 background.js
📁 popup/
├── popup.html
└── popup.js
📁 icons/
├── icon16.png
├── icon32.png
├── icon48.png
└── icon128.png
Download Files
2 Open Chrome Extensions
Open Google Chrome and go to the extensions page:
- Type
chrome://extensions in your address bar and press Enter
- Or go to Menu (⋮) → More tools → Extensions
3 Enable Developer Mode
In the top-right corner of the extensions page, toggle on Developer mode.
4 Load the Extension
- Click the "Load unpacked" button that appears
- Navigate to and select the folder containing your downloaded extension files
- Click "Select Folder"
5 Start Drawing!
- Click the extension icon in your toolbar (you may need to pin it first)
- Click "Start Drawing" to activate the drawing canvas
- Choose your brush color and size
- Click and drag on any webpage to draw!
- Click "Clear Canvas" to erase your drawings
- Click "Stop Drawing" when done to interact with the page normally