Guess The Website By The Palette

August 7, 2010

As part of another project I’m working on, I’ve built something that extracts palettes from websites – not just hex codes from the CSS, but the proportion of ‘on screen’ colours, including images.

I’ve built a palette – with proportions – for a number of popular websites. Can you guess which is which? Here are the websites (in no particular order) – you can check the results by looking at the filename of each image (don’t hover over an image unless you want the answer!).

  • Amazon.com (note that the website featured a large ‘letter from Bezos’ when I performed the analysis)
  • Apple.com
  • BBC.co.uk
  • Facebook.com (logged out)
  • Flickr.com
  • Google.com
  • IMDB.com
  • Twitter.com (logged out)
  • Wikipedia.org

Note that the proportions are taken with the assumption of a 1024 width web browser, and the full-height of the home page.

Tags: , , ,

5 Responses to “ Guess The Website By The Palette ”

  1. Frankie Roberto on August 9, 2010 at 8:13 am

    Nice. Are you only looking at background colours, or does it include text colours? And do you include photos? (these can be a significant part of the visual colour palette – especially on sites like bbc.co.uk.

  2. Dan on August 9, 2010 at 4:47 pm

    @Frankie – It looks at everything (background, text, photos) – i.e. it takes an automated browser rendering/screenshot of the page then clusters the colours of that.

  3. Boris Gorelik on August 29, 2010 at 8:24 pm

    Dan, is there any practical purpose for this excercie or is this a “just for fun” thing?

  4. Dan on August 31, 2010 at 1:02 am

    @Boris – that’s a very important and good question! Yes, it’s just the small prototype part of a larger ‘design analysis’ app, that is just in planning stages, but will enable a semi-automated analysis of the aesthetic design of website, and importantly the ability to easily ‘try out’ new designs (e.g. “what does my website look like with the color palette, typography and layout of website X?”)

  5. Boris Gorelik on September 2, 2010 at 6:58 am

    Dan, it looks like you were not the first one to think about tiding complex pictures up http://www.ted.com/talks/ursus_wehrli_tidies_up_art.html

    🙂

    Good luck

Leave a Reply