How to Use

How to fill colour
in any diagram or map

Follow these simple steps to colour any diagram, map, drawing or PDF in seconds. Works on mobile and desktop — no software needed.

Step-by-Step Guide
1
Upload Your File
Click the Upload button at the top and select your image (PNG, JPG, SVG) or PDF file. You can also drag and drop the file onto the tool. On mobile, tap Upload and choose from your gallery or files.
2
Pick a Colour
Select any colour from the colour palette in the toolbar. Tap the + button to open the full colour picker — use the HSL sliders to create any custom colour, or type a HEX code directly. Save your custom colours to the palette for reuse.
3
Click or Tap to Fill
Tap or click any enclosed bounded area on your diagram — for example, a state on a map or a cell in a diagram. That region fills instantly with your chosen colour. The tool detects the boundary lines automatically.
4
Change or Remove a Fill
To change colour: select a different colour, then tap the already-filled area — it changes to the new colour. To remove a fill: select the same colour that was used to fill, then tap the area — the fill disappears.
5
Adjust Opacity & Tolerance
Opacity controls how transparent the fill colour is — lower value = more see-through. Tolerance controls how strictly the tool detects boundaries — increase it if fills are leaking through slightly blurry lines.
6
Download Your Result
Click PNG to download the coloured diagram as a PNG image. Click PDF to download as a PDF file. Both options preserve all your colour fills exactly as shown on screen.
Tips for Best Results
Blurry boundaries?
Increase Tolerance (try 40–80). This helps with scanned or blurry maps where boundary lines are not perfectly sharp.
Fill leaking out?
Reduce Tolerance to 10–20. High tolerance may cause the fill to cross over thin boundary lines.
Transparent fills
Set Opacity to 50–60% for a watercolour-like effect. Boundary lines remain visible underneath.
Multi-page PDF
Use the ‹ › arrows to switch between PDF pages. Each page loads fresh so you can colour each page separately.
Zooming in
Use scroll wheel on desktop or pinch on mobile to zoom in for small areas. Zoom does not affect fill accuracy.
Undo mistakes
Use Undo button or Ctrl+Z to undo the last fill. Use Redo (Ctrl+Y) to redo. All history is preserved until you upload a new file.
Keyboard Shortcuts (Desktop)
Ctrl+ZUndo last fill
Ctrl+YRedo
+Zoom in
-Zoom out
0Fit to screen
Space+DragPan/move canvas

Try it now — it's free

No signup, no download, works on any device.

Open FillColor Tool →