I was recently asked in the classroom, whether it is still necessary to think about and use “web-safe” colors in graphics which will be used online. The question came about because we were looking at the Swatches palette in Photoshop and one of the options available under the context sensitive menu is Web Safe Colors.
If you’ve been working in web design for many years, you’re probably very familiar with this concept, but for anyone who’s new to designing online, here’s a brief explanation of what web-safe colors are and why they were necessary.
Computers monitors were not always the fine upstanding displays we know today. For a long time many monitors could only display 256 colors. When a color was used in an image that was not available on the monitor, a different replacement one had to be used. This was either the closest color or a dithered color which was slow to render but could look better. In a bid to make a standard palette of colors which were safe to use on monitors capable of showing 256 colors, a set of 216 colors were chosen and these were known as the web-safe colors.
The “web-safe” colors do not all have standard names, but each can be specified by an RGB triplet: each component (red, green, and blue) takes one of the six values from the following table (out of the 256 possible values available for each component in full 24-bit color).
Table from Wikipedia
These days, modern computers generally have at least 16-bit color and often 24-bit color, which allows millions of colors to be displayed. 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). Today it’s more important to look at the contrast in your images rather than how many colors are used.
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Form Design Patterns