| |
|
|
|
Color Safe Palette
HTML allows
web content to include page elements specified in 24-bit
TrueColor.
These can include page elements,
pictures
in TrueColor (such as
PNGs and JPEGs),
and pictures in formats with different palettes selected
from TrueColor (such as GIFs).
Obviously, this could lead to a difficulties if the web page content includes
more colors than be simultanously displayed on the user's screen
(for example, many users may only a have 256 screen). In these cases,
web browsers typical attempt to dither
any colors in the content which can not be displayed.
While dithering can often do a reasonable
job of simulating more colors than can actually be displayed, it also
can produce objectionable effects, particularly when displaying large
areas of a solid color. For this reason, browsers on 256 color screens,
define a standard palette, known as
the "Color Safe Palette" - which consists of colors which
will never be dithered. Thus, a web
designer can design web pages and graphics using the Color Safe Palette
and be assured that the colors will never be dithered.
The Color Safe Palette consists of 216 colors (the remaining 40 colors out
of the 256 colors are reserved for system usage, and are different on
different types of computer systems such as Mac, Windows, etc.).
Below is the color safe palette.
(In each cell, I have given the RGB values
in the range 0 to 255, as well the hexadecimal notation used in
HTML coding).
#000000 R=0 B=0 G=0 |
#000033 R=0 B=51 G=0 |
#000066 R=0 B=102 G=0 |
#000099 R=0 B=153 G=0 |
#0000CC R=0 B=204 G=0 |
#0000FF R=0 B=255 G=0 |
#003300 R=0 B=0 G=51 |
#003333 R=0 B=51 G=51 |
#003366 R=0 B=102 G=51 |
#003399 R=0 B=153 G=51 |
#0033CC R=0 B=204 G=51 |
#0033FF R=0 B=255 G=51 |
#006600 R=0 B=0 G=102 |
#006633 R=0 B=51 G=102 |
#006666 R=0 B=102 G=102 |
#006699 R=0 B=153 G=102 |
#0066CC R=0 B=204 G=102 |
#0066FF R=0 B=255 G=102 |
#009900 R=0 B=0 G=153 |
#009933 R=0 B=51 G=153 |
#009966 R=0 B=102 G=153 |
#009999 R=0 B=153 G=153 |
#0099CC R=0 B=204 G=153 |
#0099FF R=0 B=255 G=153 |
#00CC00 R=0 B=0 G=204 |
#00CC33 R=0 B=51 G=204 |
#00CC66 R=0 B=102 G=204 |
#00CC99 R=0 B=153 G=204 |
#00CCCC R=0 B=204 G=204 |
#00CCFF R=0 B=255 G=204 |
#00FF00 R=0 B=0 G=255 |
#00FF33 R=0 B=51 G=255 |
#00FF66 R=0 B=102 G=255 |
#00FF99 R=0 B=153 G=255 |
#00FFCC R=0 B=204 G=255 |
#00FFFF R=0 B=255 G=255 |
#330000 R=51 B=0 G=0 |
#330033 R=51 B=51 G=0 |
#330066 R=51 B=102 G=0 |
#330099 R=51 B=153 G=0 |
#3300CC R=51 B=204 G=0 |
#3300FF R=51 B=255 G=0 |
#333300 R=51 B=0 G=51 |
#333333 R=51 B=51 G=51 |
#333366 R=51 B=102 G=51 |
#333399 R=51 B=153 G=51 |
#3333CC R=51 B=204 G=51 |
#3333FF R=51 B=255 G=51 |
#336600 R=51 B=0 G=102 |
#336633 R=51 B=51 G=102 |
#336666 R=51 B=102 G=102 |
#336699 R=51 B=153 G=102 |
#3366CC R=51 B=204 G=102 |
#3366FF R=51 B=255 G=102 |
#339900 R=51 B=0 G=153 |
#339933 R=51 B=51 G=153 |
#339966 R=51 B=102 G=153 |
#339999 R=51 B=153 G=153 |
#3399CC R=51 B=204 G=153 |
#3399FF R=51 B=255 G=153 |
#33CC00 R=51 B=0 G=204 |
#33CC33 R=51 B=51 G=204 |
#33CC66 R=51 B=102 G=204 |
#33CC99 R=51 B=153 G=204 |
#33CCCC R=51 B=204 G=204 |
#33CCFF R=51 B=255 G=204 |
#33FF00 R=51 B=0 G=255 |
#33FF33 R=51 B=51 G=255 |
#33FF66 R=51 B=102 G=255 |
#33FF99 R=51 B=153 G=255 |
#33FFCC R=51 B=204 G=255 |
#33FFFF R=51 B=255 G=255 |
#660000 R=102 B=0 G=0 |
#660033 R=102 B=51 G=0 |
#660066 R=102 B=102 G=0 |
#660099 R=102 B=153 G=0 |
#6600CC R=102 B=204 G=0 |
#6600FF R=102 B=255 G=0 |
#663300 R=102 B=0 G=51 |
#663333 R=102 B=51 G=51 |
#663366 R=102 B=102 G=51 |
#663399 R=102 B=153 G=51 |
#6633CC R=102 B=204 G=51 |
#6633FF R=102 B=255 G=51 |
#666600 R=102 B=0 G=102 |
#666633 R=102 B=51 G=102 |
#666666 R=102 B=102 G=102 |
#666699 R=102 B=153 G=102 |
#6666CC R=102 B=204 G=102 |
#6666FF R=102 B=255 G=102 |
#669900 R=102 B=0 G=153 |
#669933 R=102 B=51 G=153 |
#669966 R=102 B=102 G=153 |
#669999 R=102 B=153 G=153 |
#6699CC R=102 B=204 G=153 |
#6699FF R=102 B=255 G=153 |
#66CC00 R=102 B=0 G=204 |
#66CC33 R=102 B=51 G=204 |
#66CC66 R=102 B=102 G=204 |
#66CC99 R=102 B=153 G=204 |
#66CCCC R=102 B=204 G=204 |
#66CCFF R=102 B=255 G=204 |
#66FF00 R=102 B=0 G=255 |
#66FF33 R=102 B=51 G=255 |
#66FF66 R=102 B=102 G=255 |
#66FF99 R=102 B=153 G=255 |
#66FFCC R=102 B=204 G=255 |
#66FFFF R=102 B=255 G=255 |
#990000 R=153 B=0 G=0 |
#990033 R=153 B=51 G=0 |
#990066 R=153 B=102 G=0 |
#990099 R=153 B=153 G=0 |
#9900CC R=153 B=204 G=0 |
#9900FF R=153 B=255 G=0 |
#993300 R=153 B=0 G=51 |
#993333 R=153 B=51 G=51 |
#993366 R=153 B=102 G=51 |
#993399 R=153 B=153 G=51 |
#9933CC R=153 B=204 G=51 |
#9933FF R=153 B=255 G=51 |
#996600 R=153 B=0 G=102 |
#996633 R=153 B=51 G=102 |
#996666 R=153 B=102 G=102 |
#996699 R=153 B=153 G=102 |
#9966CC R=153 B=204 G=102 |
#9966FF R=153 B=255 G=102 |
#999900 R=153 B=0 G=153 |
#999933 R=153 B=51 G=153 |
#999966 R=153 B=102 G=153 |
#999999 R=153 B=153 G=153 |
#9999CC R=153 B=204 G=153 |
#9999FF R=153 B=255 G=153 |
#99CC00 R=153 B=0 G=204 |
#99CC33 R=153 B=51 G=204 |
#99CC66 R=153 B=102 G=204 |
#99CC99 R=153 B=153 G=204 |
#99CCCC R=153 B=204 G=204 |
#99CCFF R=153 B=255 G=204 |
#99FF00 R=153 B=0 G=255 |
#99FF33 R=153 B=51 G=255 |
#99FF66 R=153 B=102 G=255 |
#99FF99 R=153 B=153 G=255 |
#99FFCC R=153 B=204 G=255 |
#99FFFF R=153 B=255 G=255 |
#CC0000 R=204 B=0 G=0 |
#CC0033 R=204 B=51 G=0 |
#CC0066 R=204 B=102 G=0 |
#CC0099 R=204 B=153 G=0 |
#CC00CC R=204 B=204 G=0 |
#CC00FF R=204 B=255 G=0 |
#CC3300 R=204 B=0 G=51 |
#CC3333 R=204 B=51 G=51 |
#CC3366 R=204 B=102 G=51 |
#CC3399 R=204 B=153 G=51 |
#CC33CC R=204 B=204 G=51 |
#CC33FF R=204 B=255 G=51 |
#CC6600 R=204 B=0 G=102 |
#CC6633 R=204 B=51 G=102 |
#CC6666 R=204 B=102 G=102 |
#CC6699 R=204 B=153 G=102 |
#CC66CC R=204 B=204 G=102 |
#CC66FF R=204 B=255 G=102 |
#CC9900 R=204 B=0 G=153 |
#CC9933 R=204 B=51 G=153 |
#CC9966 R=204 B=102 G=153 |
#CC9999 R=204 B=153 G=153 |
#CC99CC R=204 B=204 G=153 |
#CC99FF R=204 B=255 G=153 |
#CCCC00 R=204 B=0 G=204 |
#CCCC33 R=204 B=51 G=204 |
#CCCC66 R=204 B=102 G=204 |
#CCCC99 R=204 B=153 G=204 |
#CCCCCC R=204 B=204 G=204 |
#CCCCFF R=204 B=255 G=204 |
#CCFF00 R=204 B=0 G=255 |
#CCFF33 R=204 B=51 G=255 |
#CCFF66 R=204 B=102 G=255 |
#CCFF99 R=204 B=153 G=255 |
#CCFFCC R=204 B=204 G=255 |
#CCFFFF R=204 B=255 G=255 |
#FF0000 R=255 B=0 G=0 |
#FF0033 R=255 B=51 G=0 |
#FF0066 R=255 B=102 G=0 |
#FF0099 R=255 B=153 G=0 |
#FF00CC R=255 B=204 G=0 |
#FF00FF R=255 B=255 G=0 |
#FF3300 R=255 B=0 G=51 |
#FF3333 R=255 B=51 G=51 |
#FF3366 R=255 B=102 G=51 |
#FF3399 R=255 B=153 G=51 |
#FF33CC R=255 B=204 G=51 |
#FF33FF R=255 B=255 G=51 |
#FF6600 R=255 B=0 G=102 |
#FF6633 R=255 B=51 G=102 |
#FF6666 R=255 B=102 G=102 |
#FF6699 R=255 B=153 G=102 |
#FF66CC R=255 B=204 G=102 |
#FF66FF R=255 B=255 G=102 |
#FF9900 R=255 B=0 G=153 |
#FF9933 R=255 B=51 G=153 |
#FF9966 R=255 B=102 G=153 |
#FF9999 R=255 B=153 G=153 |
#FF99CC R=255 B=204 G=153 |
#FF99FF R=255 B=255 G=153 |
#FFCC00 R=255 B=0 G=204 |
#FFCC33 R=255 B=51 G=204 |
#FFCC66 R=255 B=102 G=204 |
#FFCC99 R=255 B=153 G=204 |
#FFCCCC R=255 B=204 G=204 |
#FFCCFF R=255 B=255 G=204 |
#FFFF00 R=255 B=0 G=255 |
#FFFF33 R=255 B=51 G=255 |
#FFFF66 R=255 B=102 G=255 |
#FFFF99 R=255 B=153 G=255 |
#FFFFCC R=255 B=204 G=255 |
#FFFFFF R=255 B=255 G=255 |
 |
Related Pages on this site:
Related Books:
- Computer Graphics Dictionary (Advances in Computer Graphics and Game Development Series)
Disclosure: Products details and descriptions provided by Amazon.com. Our company may receive a payment if you purchase products from them after following a link from this website.
 | | Charles River Media Hardcover (460 pages)
Product Description: The popularity of special effects movies and video games has introduced thousands of new terms, techniques, and software applications to both the computing professional and the general user. These graphics creations represent a convergence of expertise from several subject areas, resulting in a lack of familiarity with many terms. This unique dictionary is a comprehensive reference for the diverse fields of computer graphics and game development. It includes over 4,000 definitions and 1,000 illustrations. KEY FEATURES * Includes a companion CD-ROM with over 1,000 full color images, animations, movies, and additional explanatory items * Provides a reference for computer graphics and game development, defining terms and references seldom found in other computer dictionaries * Also defines terms and techniques from popular software applications SYSTEM REQUIREMENTS General Minimum Requirements. PC: 486 or higher; Windows 95 or later; MAC OS 8.5 or later; 16 MB RAM; CD-ROM drive; Web browser; mouse or pointing device; VGA monitor. Illustration files (e.g., .jpeg, .tiff, etc.) require a graphics viewing application. Many animated files on the CD-ROM require their respective graphics applications.
List Price: $49.95* Lowest New Price: $3.49* Lowest Used Price: $0.01* Usually ships in 24 hours* *(As of 10:00 Pacific 30 Jul 2010 More Info)
Buy It Now |
- Graphic Design Speak: A Visual Dictionary for Clients and Designers
Disclosure: Products details and descriptions provided by Amazon.com. Our company may receive a payment if you purchase products from them after following a link from this website.
 | | By Anistatia Miller
Rockport Publishers Hardcover (160 pages)
Product Description: What does a client or art director really mean when they say "I want a clean look" or "The design should be bold"? Graphic Design Speak offers the answers in an easy-to-follow format that both clients and designers can use as points of reference in design briefs or strategy meetings. This book is an essential tool for any designer seeking to gain a better knowledge of the wants and needs of their clients. --Over 200 color projects showing specific design solutions to answer client demands --An international gathering of designers, studios, and ad agencies --Quotes, tips, and anecdotes from both designers and clients
List Price: $40.00* Lowest New Price: $38.88* Lowest Used Price: $1.37* *(As of 10:00 Pacific 30 Jul 2010 More Info)
Buy It Now |
 |
|
|
|