Network: Web design

While most designers work on high-end machines that can display millions of colours, many people surfing the Web are using computers with only the 256-colour palette.

Colour is the gremlin in the works for the World Wide Web. The problem is that not all computers are created equal, especially when it comes to colour. On your high-end professional machine, you design a brilliant Web site with bold colours, drop shadows, anti-aliased text, and 3-D buttons. Then on the machine across the hall it looks like a grainy colour photo that's been left out in the sun too long.

If you have been working in Web or multimedia design, you have probably come across the 216 "safe" colours. These are the only colours that are guaranteed to display correctly on Macintosh and Windows computers. Why? Well, it has to do with how different computers display colours.

The painter George Seurat developed the technique of "Pointillisme." He placed small dots of paint from his palette on to the canvas close together to create the illusion of a continuous image. Computer screens work a lot like that, placing dots of colour on the screen.

The more colours at your disposal on the palette, the easier it is to fool your eye. Seurat only had a few dozen colours in his palette, while many computers have a set of 256 specific colours in their palettes. Some computers will have thousands or millions of colours in their palletes. It all depends on the quality of the monitor, the video card and the amount of computer memory.

If you create an image on a machine that has thousands of colours in its palette and then display it on a machine with only 256 colours in its palette, any colours in the image not in the palette of 256 will either be replaced by a closely matching colour or dithered by trying to mix colours on the screen visually. This rarely gives a very satisfying result and ends up just looking grainy.

The problem is compounded by the fact that Macs will have one palette of 256 specific colours and Windows machines have another palette of 256 specific colours. The 216 safe colours represent the common colours between these two palettes.

It's actually not that hard to remember all 216 safe colours, not by name of course, but either on the RGB or hexadecimal scales. Both scales use a list of three separate values. The first value tells the computer how much red to mix in the colour, the second is green, and the third is blue. To be browser safe, for RGB you can use 0, 51, 102, 153, 204 or for hexadecimal 255 or 00, 33, 66, 99, CC, and FF in any combination in the three slots. So 153 0 102 is the same as 990066 and produces a reddish purple.

Why limit yourself to just these 216 colours? While most designers work on high-end machines that can display millions of colours, many people surfing the Web are using computers with only the 256 colour palette. Any colours not in their palette have to be matched or dithered and will more than likely destroy your design. To stay consistent, some designers adhere to the safe list like it was the 11th commandment, never allowing impure colours into their designs.

In practice, though, 216 colours is not a lot of colours. Photographs, anti-aliasing and 3-D effects all look pretty sad with only these colours. And just try to match a company's signature colour! That's why a lot of designers figure "why bother?", and use whatever colours they want regardless of how it will appear on "low-end" computers.

This is my advice: try to compromise. Stick to the browser-safe colours when you can, but don't become a fanatic. There's no need for you to pander to the lowest common denominator, but consider everyone's viewing pleasure. Here are a few simple things you can do to compromise:

If you are setting the background, text, or link colour for a page, use a safe colour.

If you are creating a graphic with a large area of solid colour, use the safe colours.

If you are creating a graphic with gradients or anti-aliasing, make the predominant colour a safe one, ensuring that at least the largest area of colour will stay undithered.

Reduce the number of colours to as few as possible in your image. This will not only help alleviate dithering, but will make for smaller and thus faster loading graphics.

Use the safe colours unless there is a good design reason not to.

There are no hard statistics that report how many Web surfers have 256 colours, but they are likely to be enough of your audience to be worth a little extra effort and thought.

If you have any suggestions, gripes or other comments about this article, please contact Jason Cranford Teague at mshadow@dircon.co.uk

Arts and Entertainment
The Doctor and Clara have their first real heart to heart since he regenerated in 'Deep Breath'
TV
Life and Style
Apple showed no sign of losing its talent for product launches with the new, slightly larger iPhone 6 making headlines
techSecurity breaches and overhyped start-ups dominated a year in which very little changed (save the size of your phone)
Arts and Entertainment
Jamie Oliver
filmTV chef Jamie Oliver turned down role in The Hobbit
News
The official police photograph of Dustin Diamond taken after he was arrested in Wisconsin
peopleDownfall of the TV star charged with bar stabbing
PROMOTED VIDEO
Have you tried new the Independent Digital Edition apps?
Life and Style
ebookNow available in paperback
ebooks
ebookPart of The Independent’s new eBook series The Great Composers
Arts and Entertainment
Jeremy Clarkson, left, and Richard Hammond upset the locals in South America
tvReview: Top Gear team flee Patagonia as Christmas special reaches its climax in the style of Butch and Sundance
News
people
Sport
Ashley Barnes of Burnley scores their second goal
footballMan City vs Burnley match report
Arts and Entertainment
Peter Mayhew as Chewbacca alongside Harrison Ford's Han Solo in 'Star Wars'
film
News
i100
Arts and Entertainment
Man of action: Christian Bale stars in Exodus: Gods and Kings
film
Arts and Entertainment
Tracy Emin's 1998 piece 'My Bed' on display at Christie's
artOne expert claims she did not
News
Ernesto Che Guevara and Fidel Castro, right, met at Havana Golf Club in 1962 to mock the game
newsFidel Castro ridiculed the game – but now investment in leisure resort projects is welcome
News
Hackers revealed Oscar-winning actress Lawrence was paid less than her male co-stars in American Hustle
people
Arts and Entertainment
Clueless? Locked-door mysteries are the ultimate manifestation of the cerebral detective story
booksAs a new collection of the genre’s best is published, its editor explains the rules of engagement
Sport
Robin van Persie is blocked by Hugo Lloris
footballTottenham vs Manchester United match report
Latest stories from i100
Have you tried new the Independent Digital Edition apps?
Independent Dating
and  

By clicking 'Search' you
are agreeing to our
Terms of Use.

ES Rentals

    iJobs Job Widget
    iJobs General

    Recruitment Genius: Business Manager

    £32000 - £40000 per annum: Recruitment Genius: A Business Manager is required ...

    Recruitment Genius: Operations Manager

    £45000 - £55000 per annum: Recruitment Genius: This is an exciting opportunity...

    Recruitment Genius: Panel & Cabinet Wireman

    £20000 per annum: Recruitment Genius: Panel Wireman required for small electro...

    Recruitment Genius: Electronics Test Engineer

    £25000 - £27000 per annum: Recruitment Genius: An SME based in East Cheshire, ...

    Day In a Page

    A timely reminder of the bloody anniversary we all forgot

    A timely reminder of the bloody anniversary we all forgot

    Who remembers that this week we enter the 150th anniversary year of the end of the American Civil War, asks Robert Fisk
    Homeless Veterans appeal: Former soldiers pay their respects to a friend who also served

    Homeless Veterans appeal

    Former soldiers pay their respects to a friend who also served
    Downfall of Dustin 'Screech' Diamond, the 'Saved By The Bell' star charged with bar stabbing

    Scarred by the bell

    The downfall of the TV star charged with bar stabbing
    Why 2014 was a year of technological let-downs

    Why 2014 was a year of technological let-downs

    Security breaches and overhyped start-ups dominated a year in which very little changed (save the size of your phone)
    Cuba's golf revolution: But will the revolutionary nation take 'bourgeois' game to its heart?

    Will revolutionary Cuba take 'bourgeois' golf to its heart?

    Fidel Castro ridiculed the game – but now investment in leisure resort projects is welcome
    The Locked Room Mysteries: As a new collection of the genre’s best is published, its editor Otto Penzler explains the rules of engagement

    The Locked Room Mysteries

    As a new collection of the genre’s best is published, its editor explains the rules of engagement
    Amy Adams on playing painter Margaret Keane in Tim Burton's Big Eyes

    How I made myself Keane

    Amy Adams hadn’t wanted to take the role of artist Margaret Keane, because she’d had enough of playing victims. But then she had a daughter, and saw the painter in a new light
    Ed Richards: Parting view of Ofcom chief. . . we hate jokes on the disabled

    Parting view of Ofcom chief... we hate jokes on the disabled

    Bad language once got TV viewers irate, inciting calls to broadcasting switchboards. But now there is a worse offender, says retiring head of the media watchdog, Ed Richards
    A look back at fashion in 2014: Wear in review

    Wear in review

    A look back at fashion in 2014
    Ian Herbert: My 10 hopes for sport in 2015. Might just one of them happen?

    Ian Herbert: My 10 hopes for sport in 2015

    Might just one of them happen?
    War with Isis: The West needs more than a White Knight

    The West needs more than a White Knight

    Despite billions spent on weapons, the US has not been able to counter Isis's gruesome tactics, says Patrick Cockburn
    Return to Helmand: Private Davey Graham recalls the day he was shot by the Taliban

    'The day I was shot by the Taliban'

    Private Davey Graham was shot five times during an ambush in 2007 - it was the first, controversial photograph to show the dangers our soldiers faced in Helmand province
    Revealed: the best and worst airlines for delays

    Revealed: the best and worst airlines for delays

    Many flyers are failing to claim compensation to which they are entitled, a new survey has found
    The stories that defined 2014: From the Scottish independence referendum to the Ice Bucket Challenge, our writers voice their opinions

    The stories that defined 2014

    From the Scottish independence referendum to the Ice Bucket Challenge, our writers voice their opinions
    Stoke-on-Trent becomes first British city to be classified as 'disaster resilient' by the United Nations

    Disaster looming? Now you know where to head...

    Which British city has become the first to be awarded special 'resilience' status by the UN?