spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / authoring / graphics / color / nondesigners / chap2 / 3 current pageTo page 2To page 3To page 4To page 5To page 6To page 7
[next]

Web Graphics for Non-Designers, Chapter 2: Using Color

Developer News
SaaS Tool Offers Custom Database Development
Microsoft’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear

Good Color Practice

[The following is the conclusion of our series of excerpts from the glasshaus title, Web Graphics for Non-Designers.]

An artist is often challenged by boundaries, and the Web presents some troubling limitations in the form of bandwidth compromises, varying screen resolutions, and video hardware.

A number of these restrictions relate directly to the realm of color online. A GIF image, for example, increases in size with image complexity and the palette used. Gamma correction defaults change from platform to platform, and contrast can vary across different display types. And to really keep everyone on their toes, the capabilities of video hardware from system to system (most often the number of colors they display) can differ by orders of magnitude.

Web-safe Palette

At a time when 8-bit video cards were commonplace in computers, there arose amid web developers the murky head of the browser-safe palette. First publicized by Lynda Weinman on her web site, lynda.com, known as the web-safe palette, it outlined a set of 216 colors considered safe for usage across the PC and Mac platforms, and Internet Explorer and Netscape Navigator browser applications.

Many among the developer crowd will know that an 8-bit display is capable of showing 256 colors. Of these, the respective PC and Mac platforms reserve 40 for system usage, leaving a subset of 216 that are available on both.

The web-safe palette is not difficult to remember. Its RGB triads specified in decimal format are simply the 256 values (0 is the 256th), spaced evenly over five intervals (that is, divisible by 51). These are 0, 51, 102, 153, 204, and 255. HTML also supports color values in hexadecimal format, and these intervals represented in this format are 00, 33, 66, 99, CC, and FF.

Therefore, a color is web-safe if its decimal representation has each RGB value equal to any of the values divisible by 51. {51,102,255}, {0,204,204}, and {255,153,51} are web-safe colors, while {51,102,104}, {43,72,60}, and {52,103,154} are not. In hexadecimal, #CCFF00, #669900, and #00FFFF are safe, whereas #008822, #FC3293, and #4400CC are not.

The palette itself is included below for reference. You will notice that the selection of colors is extremely limiting; it contains a small number of light and dark colors, and is particularly useless if you are considering a scheme incorporating muted and tinted colors.

Web Safe Color Palette


home / authoring / graphics / color / nondesigners / chap2 / 3 current pageTo page 2To page 3To page 4To page 5To page 6To page 7
[next]



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Microsoft Article: 7.0, Microsoft's Lucky Version?
Microsoft Article: Hyper-V--The Killer Feature in Windows Server 2008
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Windows Server 2008
HP eBook: Putting the Green into IT
Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency
Avaya Article: Setting Up a SIP A/S Development Environment
IBM Article: How Cool Is Your Data Center?
Microsoft Article: Managing Virtual Machines with Microsoft System Center
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Video: Are Multi-core Processors Here to Stay?
On-Demand Webcast: Five Virtualization Trends to Watch
HP Video: Page Cost Calculator
Intel Video: APIs for Parallel Programming
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Sun Download: Solaris 8 Migration Assistant
Sybase Download: SQL Anywhere Developer Edition
Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook
Red Gate Download: SQL Compare Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology
eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors
IBM Article: Collaborating in the High-Performance Workplace
HP Demo: StorageWorks EVA4400
Intel Featured Algorhythm: Intel Threading Building Blocks--The Pipeline Class
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Software Engineering for Ajax · Perl Pragma Primer · Implement Drag and Drop in Your Web Apps: Part 2
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Policy-based Management in SQL Server 2008 – Part II · For Starters: Virtualization - Part 1 · USPS Rate-Change Tips for E-tailers

Created: December 16, 2002
Revised: December 16, 2002

URL: http://webreference.com/authoring/languages/html/definitive/3/