IT SOLUTIONS
Your full service technology partner! 
-Collapse +Expand
Design
Search Design Group:

Advanced
-Collapse +Expand Design Store
PRESTWOODSTORE

Prestwood eMagazine

May Edition
Subscribe now! It's Free!
Enter your email:

   ► KBWebsite DesignMS Frontpage   Print This     
  From the May 2009 Issue of Prestwood eMag
 
Design MS Frontpage:
Browser Safe Colors: Light to Dark
 
Posted 16 years ago on 3/18/2003 and updated 7/13/2007
Take Away: Browser safe colors consist of 216 colors that have been agreed upon and should look good on any type of monitor capable of displaying 256 colors or higher.

KB100155



Also available by By Intensity

The Problem

Various operating systems render colors slightly differently. In addition, applications (like browsers) are responsible for dithering colors that are not in the current palette. Although this is a problem for all color palettes (including palette's that are set greater than 256 colors), this problem becomes even worse when the color palette of the video card is set to 256 or less colors.

The Solution

Browser safe colors consist of 216 colors that have been agreed upon and should look good on any type of monitor capable of displaying 256 colors or higher. The palette of browser safe colors is made up by mixing 6 red values, 6 green values, and 6 blue values. Also known as the 6x6x6 RGB palette.

The RGB values used in HTML are always hexadecimal numbers 00,33,66,99,CC, and FF. (Hexadecimal is a base 16 numbering method used by computers.)

 Decimal

Hexadecimal

000

00

051

33

102

66

153

99

 204

CC

255

FF

Knowing the pattern of numeric values is useful because you can check your HTML code to make sure that your background, font, and image colors are browser safe.
 

Browser Safe Colors

FFFFFF
R = 255
G = 255
B = 255

FFFFCC
R = 255
G = 255
B = 204

FFFF99
R = 255
G = 255
B = 153

FFFF66
R = 255
G = 255
B = 102

FFFF33
R = 255
G = 255
B = 051

FFFF00
R = 255
G = 255
B = 000

CCFFFF
R = 204
G = 255
B = 255

CCFFCC
R = 204
G = 255
B = 204

CCFF99
R = 204
G = 255
B = 153

CCFF66
R = 204
G = 255
B = 102

CCFF33
R = 204
G = 255
B = 051

CCFF00
R = 204
G = 255
B = 000

99FFFF
R = 153
G = 255
B = 255

99FFCC
R = 153
G = 255
B = 204

99FF99
R = 153
G = 255
B = 153

99FF66
R = 153
G = 255
B = 102

99FF33
R = 153
G = 255
B = 051

99FF00
R = 153
G = 255
B = 000

66FFFF
R = 102
G = 255
B = 255

66FFCC
R = 102
G = 255
B = 204

66FF99
R = 102
G = 255
B = 153

66FF66
R = 102
G = 255
B = 102

66FF33
R = 102
G = 255
B = 051

66FF00
R = 102
G = 255
B = 000

33FFFF
R = 051
G = 255
B = 255

33FFCC
R = 051
G = 255
B = 204

33FF99
R = 051
G = 255
B = 153

33FF66
R = 051
G = 255
B = 102

33FF33
R = 051
G = 255
B = 051

33FF00
R = 051
G = 255
B = 000

00FFFF
R = 000
G = 255
B = 255

00FFCC
R = 000
G = 255
B = 204

00FF99
R = 000
G = 255
B = 153

00FF66
R = 000
G = 255
B = 102

00FF33
R = 000
G = 255
B = 051

00FF00
R = 000
G = 255
B = 000

FFCCFF
R = 255
G = 204
B = 255

FFCCCC
R = 255
G = 204
B = 204

FFCC99
R = 255
G = 204
B = 153

FFCC66
R = 255
G = 204
B = 102

FFCC33
R = 255
G = 204
B = 051

FFCC00
R = 255
G = 204
B 000

CCCCFF
R = 204
G = 204
B = 255

CCCCCC
R = 204
G = 204
B = 204

CCCC99
R = 204
G = 204
B = 153

CCCC66
R = 204
G = 204
B = 102

CCCC33
R = 204
G = 204
B = 051

CCCC00
R = 204
G = 204
B = 000

99CCFF
R = 153
G = 204
B = 255

99CCCC
R = 153
G = 204
B = 204

99CC99
R = 153
G = 204
B = 153

99CC66
R = 153
G = 204
B = 102

99CC33
R = 153
G = 204
B = 051

99CC00
R = 153
G = 204
B = 000

66CCFF
R = 102
G = 204
B = 255

66CCCC
R = 102
G = 204
B = 204

66CC99
R = 102
G = 204
B = 153

66CC66
R = 102
G = 204
B = 102

66CC33
R = 102
G = 204
B = 051

66CC00
R = 102
G = 204
B = 000

33CCFF
R = 051
G = 204
B = 255

33CCCC
R = 051
G = 204
B = 204

33CC99
R = 051
G = 204
B = 153

33CC66
R = 051
G = 204
B = 102

33CC33
R = 051
G = 204
B = 051

33CC00
R = 051
G = 204
B = 000

00CCFF
R = 000
G = 204
B = 255

00CCCC
R = 000
G = 204
B = 204

00CC99
R = 000
G = 204
B = 153

00CC66
R = 000
G = 204
B = 102

00CC33
R = 000
G = 204
B = 051

00CC00
R = 000
G = 204
B = 000

FF99FF
R = 255
G = 153
B = 255

FF99CC
R = 255
G = 153
B = 204

FF9999
R = 255
G = 153
B = 153

FF9966
R = 255
G = 153
B = 102

FF9933
R = 255
G = 153
B = 051

FF9900
R = 255
G = 153
B = 000

CC99FF
R = 204
G = 153
B = 255

CC99CC
R = 204
G = 153
B = 204

CC9999
R = 204
G = 153
B = 153

CC9966
R = 204
G = 153
B = 102

CC9933
R = 204
G = 153
B = 051

CC9900
R = 204
G = 153
B = 000

9999FF
R = 153
G = 153
B = 255

9999CC
R = 153
G = 153
B = 204

999999
R = 153
G = 153
B = 153

999966
R = 153
G = 153
B = 102

999933
R = 153
G = 153
B = 051

999900
R = 153
G = 153
B = 000

6699FF
R = 102
G = 153
B = 255

6699CC
R = 102
G = 153
B = 204

669999
R = 102
G = 153
B = 153

669966
R = 102
G = 153
B = 102

669933
R = 102
G = 153
B = 051

669900
R = 102
G = 153
B = 000

3399FF
R = 051
G = 153
B = 255

3399CC
R = 051
G = 153
B = 204

339999
R = 051
G = 153
B = 153

339966
R = 051
G = 153
B = 102

339933
R = 051
G = 153
B = 051

339900
R = 051
G = 153
B = 000

0099FF
R = 000
G = 153
B = 255

0099CC
R = 000
G = 153
B = 204

009999
R = 000
G = 153
B = 153

009966
R = 000
G = 153
B = 102

009933
R = 000
G = 153
B = 051

009900
R = 000
G = 153
B = 000

FF66FF
R = 255
G = 102
B = 255

FF66CC
R = 255
G = 102
B = 204

FF6699
R = 255
G = 102
B = 153

FF6666
R = 255
G = 102
B = 102

FF6633
R = 255
G = 102
B = 051

FF6600
R = 255
G = 102
B = 000

CC66FF
R = 204
G = 102
B = 255

CC66CC
R = 204
G = 102
B = 204

CC6699
R = 204
G = 102
B = 153

CC6666
R = 204
G = 102
B = 102

CC6633
R = 204
G = 102
B = 051

CC6600
R = 204
G = 102
B = 000

9966FF
R = 153
G = 102
B = 255

9966CC
R = 153
G = 102
B = 204

996699
R = 153
G = 102
B = 153

996666
R = 153
G = 102
B = 102

996633
R = 153
G = 102
B = 051

996600
R = 153
G = 102
B = 000

6666FF
R = 102
G = 102
B = 255

6666CC
R = 102
G = 102
B = 204

666699
R = 102
G = 102
B = 153

666666
R = 102
G = 102
B = 102

666633
R = 102
G = 102
B = 051

666600
R = 102
G = 102
B = 000

3366FF
R = 051
G = 102
B = 255

3366CC
R = 051
G = 102
B = 204

336699
R = 051
G = 102
B = 153

336666
R = 051
G = 102
B = 102

336633
R = 051
G = 102
B = 051

336600
R = 051
G = 102
B = 000

0066FF
R = 000
G = 102
B = 255

0066CC
R = 000
G = 102
B = 204

006699
R = 000
G = 102
B = 153

006666
R = 000
G = 102
B = 102

006633
R = 000
G = 102
B = 051

006600
R = 000
G = 102
B = 000

FF33FF
R = 255
G = 051
B = 255

FF33CC
R = 255
G = 051
B = 204

FF3399
R = 255
G = 051
B = 153

FF3366
R = 255
G = 051
B = 102

FF3333
R = 255
G = 051
B = 051

FF3300
R = 255
G = 051
B = 000

CC33FF
R = 204
G = 051
B = 255

CC33CC
R = 204
G = 051
B = 204

CC3399
R = 204
G = 051
B = 153

CC3366
R = 204
G = 051
B = 102

CC3333
R = 204
G = 051
B = 051

CC3300
R = 204
G = 051
B = 000

9933FF
R = 153
G = 051
B = 255

9933CC
R = 153
G = 051
B = 204

993399
R = 153
G = 051
B = 153

993366
R = 153
G = 051
B = 102

993333
R = 153
G = 051
B = 051

993300
R = 153
G = 051
B = 000

6633FF
R = 102
G = 051
B = 255

6633CC
R = 102
G = 051
B = 204

663399
R = 102
G = 051
B = 153

663366
R = 102
G = 051
B = 102

663333
R = 102
G = 051
B = 051

663300
R = 102
G = 051
B = 000

3333FF
R = 051
G = 051
B = 255

3333CC
R = 051
G = 051
B = 204

333399
R = 051
G = 051
B = 153

333366
R = 051
G = 051
B = 102

333333
R = 051
G = 051
B = 051

333300
R = 051
G = 051
B = 000

0033FF
R = 000
G = 051
B = 255

0033CC
R = 000
G = 051
B = 204

003399
R = 000
G = 051
B = 153

003366
R = 000
G = 051
B = 102

003333
R = 000
G = 051
B = 051

003300
R = 000
G = 051
B = 000

FF00FF
R = 255
G = 000
B = 255

FF00CC
R = 255
G = 000
B = 204

FF0099
R = 255
G = 000
B = 153

FF0066
R = 255
G = 000
B = 102

FF0033
R = 255
G = 000
B = 051

FF0000
R = 255
G = 000
B = 000

CC00FF
R = 204
G = 000
B = 255

CC00CC
R = 204
G = 000
B = 204

CC0099
R = 204
G = 000
B = 153

CC0066
R = 204
G = 000
B = 102

CC0033
R = 204
G = 000
B = 051

CC0000
R = 204
G = 000
B = 000

9900FF
R = 153
G = 000
B = 255

9900CC
R = 153
G = 000
B = 204

990099
R = 153
G = 000
B = 153

990066
R = 153
G = 000
B = 102

990033
R = 153
G = 000
B = 051

990000
R = 153
G = 000
B = 000

6600FF
R = 102
G = 000
B = 255

6600CC
R = 102
G = 000
B = 204

660099
R = 102
G = 000
B = 153

660066
R = 102
G = 000
B = 102

660033
R = 102
G = 000
B = 051

660000
R = 102
G = 000
B = 000

3300FF
R = 051
G = 000
B = 255

3300CC
R = 051
G = 000
B = 204

330099
R = 051
G = 000
B = 153

330066
R = 051
G = 000
B = 102

330033
R = 051
G = 000
B = 051

330000
R = 051
G = 000
B = 000

0000FF
R = 000
G = 000
B = 255

0000CC
R = 000
G = 000
B = 204

000099
R = 000
G = 000
B = 153

000066
R = 000
G = 000
B = 102

000033
R = 000
G = 000
B = 051

000000
R = 000
G = 000
B = 000

 


Comments

0 Comments.
Share a thought or comment...
 
Write a Comment...
...
Sign in...

If you are a member, Sign In. Or, you can Create a Free account now.


Anonymous Post (text-only, no HTML):

Enter your name and security key.

Your Name:
Security key = P1257A1
Enter key:
KB Post Contributed By Mike Prestwood:

Mike Prestwood is a drummer, an author, and creator of the PrestwoodBoards online community. He is the President & CEO of Prestwood IT Solutions. Prestwood IT provides Coding, Website, and Computer Tech services. Mike has authored 6 computer books and over 1,200 articles. As a drummer, he maintains play-drums.com and has authored 3 drum books. If you have a project you wish to discuss with Mike, you can send him a private message through his PrestwoodBoards home page or call him 9AM to 4PM PST at 916-726-5675 x205.

Visit Profile

 KB Article #100155 Counter
9394
Since 4/2/2008
Go ahead!   Use Us! Call: 916-726-5675  Or visit our new sales site: 
www.prestwood.com


©1995-2019 Prestwood IT Solutions.   [Security & Privacy]