HTML Screen Color Guide
:: BACK TO HTML CLASS PAGE
:: COLOR SWATCHES ::
COLOR WORDS ::
Since most current video displays will support "millions"
of colors, you can choose any one of these as a background or text
color for your web pages. However, to be practical, only a few hundred
make sense. Since the changes are so subtle, many colors appear to
be the same to the eye. Further, since many users have their screens
set to 256-colors, use of too many exotic colors will be
wasted effort.
Color
Words
There are 140
WORDS that can be used instead of the hexadecimal notation.
Click the link
in this paragraph to explore that option.
The following table shows less than 256 "web safe" colors
using the hexadecimal format of "#RRGGBB"
RED values are determined by
RR, GREEN values by GG and
BLUE values by BB
There are numerous web sites on the Internet for selecting colors.
This page was set up so that one could select (using the mouse) one
of the the color values below. With COPY/PASTE, the value can be inserted
into any color property such as for text, background or border.
Hexadecimal is a base-16 number system. Numbers are used for the
first 10 numbers 0 through 9. Letters are used for the next six numbers
10 through 15.
Numeric value: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Hex value: 0 1 2 3 4 5 6 7 8 9 A B C D E F
A value of F is 15. When represented in a color property, FF is 100
percent of that color. A value of 0 is, well, zero. When represented
in a color property, 00 is zero percent of that color.
Color Swatches
Back
to top
Back to Color
List
Back to Color
List
#000000
|
#2E2E2E
|
#5E5E5E
|
#6E6E6E
|
#7E7E7E
|
#8E8E8E
|
#9E9E9E
|
#AEAEAE
|
#BEBEBE
|
#CECECE
|
Back to Color
List
#FF0000
|
#FF3030
|
#FF4040
|
#FF4500
|
#FF69B4
|
#FF6EB4
|
#FF6347
|
#FF6A6A
|
#FF34B3
|
#FF3E96
|
#FFAEB9
|
FFB5C5
|
#FFB6C1
|
#FFC0CB
|
#FFC1C1
|
#FF1493
|
|
|
|
|
Back to Color
List
#8B0000
|
#8B2252
|
#8B3A3A
|
#8B4500
|
#A0522D
|
#A52A2A
|
#B22222
|
#BC8F8F
|
#C67171
|
#B03060
|
Back to Color
List
#006400
|
#008B45
|
#00CD66
|
#00EE76
|
#00FA94
|
#54FF9F
|
#4EEE94
|
#00FF00
|
#228B22
|
#3CB371
|
#43CD8D
|
#458B00
|
#548B54
|
#32CD32
|
#556B2F
|
#32CD32
|
#556B2F
|
#66CD00
|
#66CDAA
|
#698B22
|
#698B69
|
#6B8E23
|
#6E8B3D
|
#71C671
|
#76EE00
|
#7CCD7C
|
#7CFC00
|
#7FFF00
|
#8FBC8F
|
#90EE90
|
#98FB98
|
#9ACD32
|
#9AFF9A
|
#9BCD9B
|
#A2CD5A
|
#ADFF2F
|
#B3EE3A
|
#B4EEB4
|
#BCEE68
|
#C0FF3E
|
#C1FFC1
|
#CAFF70
|
|
|
|
Back to Color
List
#000080
|
#0000CD
|
#0000FF
|
#00688B
|
#009ACD
|
#00B2EE
|
#00BFFF
|
#00E5EE
|
#00F5FF
|
#191970
|
#1C86EE
|
#1E90FF
|
#27408B
|
#36648B
|
#3A5FCD
|
#4169E1
|
#436EEE
|
#00FFFF
|
#40E0D0
|
#4682B4
|
#473C8B
|
#483D8B
|
#4876FF
|
#4A708B
|
#4B0082
|
#4F94CD
|
#551A8B
|
#5D478B
|
#6495ED
|
#6959CD
|
#6A5ACD
|
#6CA6CD
|
#7171C6
|
#7167EE
|
#7B68EE
|
#7D9EC0
|
#7EC0EE
|
#838B8B
|
#8E70FF
|
#8DB6C0
|
#8DEEEE
|
#8EE5EE
|
#6C7B8B
|
#6E7B8B
|
#708090
|
#778899
|
#79CDCD
|
#8470FF
|
#87CEFF
|
#97FFFF
|
#98F5FF
|
#A4D3EE
|
#ADD8E6
|
#AEEEEE
|
#B0E2FF
|
#B9D3EE
|
#BBFFFF
|
#BCD2EE
|
#BFEFFF
|
#C6E2FF
|
#CAE1FF
|
|
|
|
|
Back to Color
List
#00868B
|
#008B8B
|
#20B2AA
|
#2F4F4F
|
#388E8E
|
#458B74
|
#48D1CC
|
#528B8B
|
#668B8B
|
#68838B
|
#00C5CD
|
#00CDCD
|
#76EEC6
|
#7AC5CD
|
#7FFFD4
|
#96CDCD
|
#9AC0CD
|
#9FB6CD
|
#A2B5CD
|
#B0E0E6
|
#B2DFEE
|
#B4CDCD
|
|
|
|
Back to Color
List
#68228B
|
#7A378B
|
#7D26CD
|
#7D26CD
|
#8A2BE2
|
#8B008B
|
#8B3A62
|
#8B475D
|
#8B668B
|
#8B6969
|
#8E388E
|
#8B3A62
|
#8B475D
|
#8B4789
|
#8B668B
|
#8B6969
|
#912CEE
|
#9370DB
|
#9400D3
|
#9932CC
|
#9A32CD
|
#9B30FF
|
#9932CC
|
#9A32CD
|
#9B30FF
|
#9F79EE
|
#A020F0
|
#AB82FF
|
#B23AEE
|
#B452CD
|
#BA55D3
|
#BF3EFF
|
#C71585
|
#FF00FF
|
#FF82FA
|
#FF83FA
|
#FFC0CB
|
#FFE1FF
|
#FFE4E1
|
#FFF0F5
|
#FFF5EE
|
#FFFAFA
|
|
|
|
Back to Color
List
#FF7256
|
#FF7F00
|
#FF7F24
|
#FF7F50
|
#FF8247
|
#FF8C00
|
#FF8C69
|
#FFA07A
|
#FFA500
|
#FFA54F
|
#FFB90F
|
#FFC125
|
|
|
|
Back to Color
List
#FFD700
|
#FFEC8B
|
#FFF68F
|
#FFFF00
|
#FFFFE0
|
Back to Color
List
#8B6508
|
#8B6914
|
#B8860B
|
#C5C1AA
|
#FFD39B
|
#FFDAB9
|
#FFDEAD
|
#FFE4B5
|
#FFE4C4
|
#FFE7BA
|
#FFEBCD
|
#FFEFD5
|
#FFEFDB
|
#FFF8DC
|
#FFFFF0
|
Back to Color
List
#8B8B00
|
#8E8E38
|
#BDB76B
|
#8B8B7A
|
#8B8B83
|
#BDB76B
|
#CCCC00
|
#CCCC33
|
#CCCC66
|
#CCCC99
|
REMEMBER: Most printers will not print background
colors. Change your browser settings to print background colors and
images. Even so, many color printers cannot reproduce screen colors
accurately.
Monitors use R(ed),
G(reen), B(lue)
to display color. Printer ink is based on C(yan)M(agenta)Y(ellow)(blac)K.
Page created to promote Internet
Web Page Design
Foghlaim Learning Center
:: Return
to top ::
|