Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Are web-safe colors still relevant?

Tags:

colors

Since the vast majority of monitors are 16-bit color or more, including mobile devices, does it make sense to even consider web-safe colors when choosing color schemes? Or is it something that ought to be relegated to history as a piece of trivia?

For those of you that don't know what web-safe colors are:

Another set of 216 color values is commonly considered to be the "web-safe" color palette, developed at a time when many computer displays were only capable of displaying 256 colors. A set of colors was needed that could be shown without dithering on 256-color displays; the number 216 was chosen partly because computer operating systems customarily reserved sixteen to twenty colors for their own use; it was also selected because it allows exactly six shades each of red, green, and blue (6 × 6 × 6 = 216).

The list of colors is often presented as if it has special properties that render them immune to dithering. In fact, on 256-color displays applications can set a palette of any selection of colors that they choose, dithering the rest. These colors were chosen specifically because they matched the palettes selected by the then leading browser applications. [Wikipedia]

like image 430
Gavin Miller Avatar asked Jun 24 '09 21:06

Gavin Miller


People also ask

Do we still need to use web safe colors?

Even modern phones, iPods and tablets can display more colors than the monitors of the early 90s, so there really is no need to stick with the web-safe palette anymore (unless you're working for a client with a REALLY old computer who insists everything looks good on it).

Why are web safe colors important?

In the past, computer monitors were only capable of displaying up to 256 of the 16 million available colors. Therefore, a list of 216 web safe colors was created so developers could know what colors would be compatible with all types of displays.

How many colors are considered web safe?

Web Safe Colors the 216 Color Palette.

Which browser color is safe?

Browser-safe colors are composed of any combination of the primaries in only these saturations: 0%, 20%, 40%, 60%, 80%, and 100%. The hexadecimal equivalents of these saturations are 00, 33, 66, 99, CC, and FF, respectively. In decimal, they are 0, 51, 102, 153, 204, and 255, respectively.


2 Answers

For me web safe color palette is no longer primary concern. Optimize for the largest target audience.

According to w3schools site visitors:

  • In January 2009 1% of site visitors had 256 color displays, 95% of users had 24 or 32 bit.
  • [Update] In January 2015 0.5% had 256 colours, 0.5% had 24 bit and 99% had 32 bit

I found similar numbers from a business app site that I look after:

32-bit  79.01%  

24-bit  15.64%  

16-bit  5.27%   

8-bit   0.08%
like image 107
Leah Avatar answered Oct 21 '22 02:10

Leah


I don't think web safe colors are relevant any more. To me, a much bigger problem for smartphones are all the fixed-width 960-pixel wide web pages.

like image 32
Nosredna Avatar answered Oct 21 '22 02:10

Nosredna