| |
Advertisement Learn PhotoShop Now
Step-By-Step Video Tutorials Reveal
Shortcut Secrets On How To Conquer
Adobe Photoshop Quickly And Easily...
Click here
|
|
|
|
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:
- A Visual Dictionary of Graphic Design
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 Gavin Ambrose
Ava Publishing Released: 2006-11-15 Paperback (288 pages)
Product Description:
Abstract. Zeitgeist. Bauhaus. Pluralism. The Visual Dictionary is just the book for anyone who's ever been a bit hazy about the meaning of the many terms used in art and design. Each term is explained visually and put in context, providing the reader with a clear understanding of the often mystifying language of these specialized fields. To help the reader understand and remember the meanings, each entry uses a different typeface (a history of the fonts is in the back of the book) and includes a picture in an appropriate illustration techniques. Eclectic, useful, and entertaining, The Visual Dictionary takes the complex and makes it simple.
List Price: $24.95* Lowest New Price: $11.99* Lowest Used Price: $2.45* Usually ships in 24 hours* *(As of 17:42 Pacific 3 Feb 2012 More Info)
Buy It Now |
- 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.
 | | By Roger Stevens
Charles River Media Hardcover (460 pages)
Product Description: The popularity of special effects movies and the video game industry has introduced thousands of new terms, techniques, and software applications to both the computing professional and the general user. Unfortunately, these graphics creations represent a convergence of expertise from several different subject areas, resulting in a lack of familiarity with many terms. This unique dictionary includes over 4,000 definitions and illustrations from the computer graphics world, including those from digital filmmaking, animation, programming, mathematics, holography, photorealism, lighting, character creation, game development, modeling, and more.
List Price: $49.95* Lowest New Price: $29.95* Lowest Used Price: $0.01* Usually ships in 24 hours* *(As of 08:43 Pacific 4 Feb 2012 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 R. 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: $34.99* Lowest Used Price: $0.49* *(As of 08:43 Pacific 4 Feb 2012 More Info)
Buy It Now |
|
|
|