Warm areas
Red, orange and yellow identify stronger combinations of contrast, colour and visual detail.
Free website heat map generator
Upload a website screenshot and turn its visual signals into a clear attention map you can inspect and download.
Add the page visual
What the colours mean
Red, orange and yellow identify stronger combinations of contrast, colour and visual detail.
Blue and green show quieter regions that may receive less immediate visual attention.
A prominent area is not automatically effective. The message, action and visitor intent still determine whether it works.
Use it as a diagnostic
A useful page guides attention in a deliberate order. Too many equally prominent elements can make the next action harder to understand.
The tool analyses visual contrast, colour saturation, edge density and page position in the screenshot. It combines those signals into a visual-salience estimate showing areas that are more likely to attract attention.
No. This is a predictive visual heat map, not observed visitor behaviour. Confirm important decisions with analytics, recordings, usability research or a real eye-tracking study.
Use a clear PNG, JPG or WebP of a homepage, landing page or individual section. A full-page screenshot helps you inspect the whole visual journey, while a section screenshot gives more detail on one decision area.
No. The heat map is generated locally in your browser. The screenshot is not sent to the website server and is not stored.