| |
|
|
|
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)
| |
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: $4.00
Lowest Used Price: $0.08
Usually ships in 24 hours
(As of 22:02 Pacific 7 Jul 2008 More Info)
Buy It Now
|
- Graphic Design Speak: A Visual Dictionary for Clients and Designers
| |
By Anistatia Miller
Rockport Publishers
Hardcover (160 pages)
Book 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 Used Price: $8.95
(As of 22:02 Pacific 7 Jul 2008 More Info)
Buy It Now
|
 |
|
|
|
