Hue Distribution

Colour Wheel

Websites with Similiar Colours

What's this about?

This project aims to uncover some insights about colours on the web, in particular, some questions I've struggled with as a designer.

With a crowd-sourced data-set, the ultimate goal is to answer questions like: What is the most common colour/s or hue/s on the web? Do certain industries prefer certain colours over others? What colours are generally found together?

Why not just use the CSS?

Unfortunately, the colour that makes up a web design is not just the background and text colour found in the CSS. The overall impression of the website includes the images, so this app takes screenshots and analyses colour values of each pixel. This is not a 100% foolproof method, but screenshots are kept so they can be reanalysed later on with better colour-matching algorithms.

Built using Ruby and Sinatra for web, RMagick for colour processing and Grabshot (screenshotting tool using Phantom.js).