HTML Tips for Color

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic by 273 people | Log in to rate

Ranked #117 in Squidoo Tips, #12,535 overall

Color!

Color can be applied via HTML tags to fonts, borders and backgrounds.

squidoo.com/basichtml and squidoo.com/advancedhtml show how to implement these colors.

This lens however isn't going to show how the code is applied, but is a repository for the lists of colors in both the name and the hexadecimal value. So be sure to add this lens to favorites so you can drop by and pick and choose colors and color themes to your hearts content while using any of the How To HTML lenses here on Squidoo.

Basic Color Palette 

We touched briefly on font colors in Basic HTML. Here we will reveal a couple of ways that you can name your colors.

The 16 colors of the Windows VGA palette are aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow.

These colors were originally picked as being the standard 16 colors supported with the Windows VGA palette.

You can use the name green to accompany the color: eg: color: green; or alternatively the hexadecimal value. eg: color: #008000;

aqua    #00FFFF
black   #000000
blue    #0000FF
fuchsia #FF00FF
gray    #808080
green   #008000
lime    #00FF00
maroon  #800000
navy    #000080
olive   #808000
purple  #800080
red     #FF0000
silver  #C0C0C0
teal    #008080
white   #FFFFFF
yellow  #FFFF00

X11 Color Palette 

These are the colors defined by web browsers. A particular browser may not recognize all of these colors, but as of 2005 all modern general-use browsers support the full list. Again, you can use the color names instead of the hexadecimal value.


  • snow
    #FFFAFA

  • seashell
    #FFF5EE

  • lavenderblush
    #FFF0F5

  • floralwhite
    #FFFAF0

  • oldlace
    #FDF5E6

  • linen
    #FAF0E6

  • ivory
    #FFFFF0

  • cornsilk
    #FFF8DC

  • lemonchiffon
    #FFFACD

  • beige
    #F5F5DC

  • whitesmoke
    #F5F5F5

  • ghostwhite
    #F8F8FF

  • lavender
    #E6E6FA

  • aliceblue
    #F0F8FF

  • honeydew
    #F0FFF0

  • mintcream
    #F5FFFA

  • azure
    #F0FFFF

  • lightcyan
    #E0FFFF

  • bisque
    #FFE4C4

  • navajowhite
    #FFDEAD

  • moccasin
    #FFE4B5

  • wheat
    #F5DEB3

  • burlywood
    #DEB887

  • tan
    #D2B48C

  • aqua
    #00FFFF

  • cyan
    #00FFFF

  • turquoise
    #40E0D0

  • cadetblue
    #5F9EA0

  • darkcyan
    #008B8B

  • teal
    #008080

  • gainsboro
    #DCDCDC

  • lightgrey
    #D3D3D3

  • silver
    #C0C0C0

  • darkgray
    #A9A9A9

  • gray
    #808080

  • dimgray
    #696969

  • black
    #000000

  • slategray
    #708090

  • rosybrown
    #BC8F8F

  • lightpink
    #FFB6C1

  • pink
    #FFC0CB

  • hotpink
    #FF69B4

  • red
    #FF0000

  • crimson
    #DC143C

  • firebrick
    #B22222

  • brown
    #A52A2A

  • darkred
    #8B0000

  • maroon
    #800000

  • salmon
    #FA8072

  • darksalmon
    #E9967A

  • lightsalmon
    #FFA07A

  • lightcoral
    #F08080

  • indianred
    #CD5C5C

  • tomato
    #FF6347

  • coral
    #FF7F50

  • sandybrown
    #F4A460

  • orange
    #FFA500

  • darkorange
    #FF8C00

  • chocolate
    #D2691E

  • sienna
    #A0522D

  • saddlebrown
    #8B4513

  • khaki
    #F0E68C

  • darkkhaki
    #BDB76B

  • goldenrod
    #DAA520

  • gold
    #FFD700

  • yellow
    #FFFF00

  • olive
    #808000

  • olivedrab
    #6B8E23

  • limegreen
    #32CD32

  • lime
    #00FF00

  • greenyellow
    #ADFF2F

  • chartreuse
    #7FFF00

  • lawngreen
    #7CFC00

  • springgreen
    #00FF7F

  • palegreen
    #98FB98

  • lightgreen
    #90EE90

  • seagreen
    #2E8B57

  • forestgreen
    #228B22

  • green
    #008000

  • darkgreen
    #006400

  • powderblue
    #B0E0E6

  • lightblue
    #ADD8E6

  • skyblue
    #87CEEB

  • deepskyblue
    #00BFFF

  • dodgerblue
    #1E90FF

  • steelblue
    #4682B4

  • royalblue
    #4169E1

  • blue
    #0000FF

  • darkblue
    #00008B

  • midnightblue
    #191970

  • slateblue
    #6A5ACD

  • thistle
    #D8BFD8

  • plum
    #DDA0DD

  • violet
    #EE82EE

  • orchid
    #DA70D6

  • fuchsia
    #FF00FF

  • magenta
    #FF00FF

  • darkorchid
    #9932CC

  • blueviolet
    #8A2BE2

  • purple
    #800080

  • darkmagenta
    #8B008B

  • indigo
    #4B0082

Color Complements

Red and Blue - add Green 

000000

000033

000066

000099

0000cc

0000ff


330000

330033

330066

330099

3300cc

3300ff


660000

660033

660066

660099

6600cc

6600ff


990000

990033

990066

990099

9900cc

9900ff


cc0000

cc0033

cc0066

cc0099

cc00cc

cc00ff


ff0000

ff0033

ff0066

ff0099

ff00cc

ff00ff


003300

003333

003366

003399

0033cc

0033ff


333300

333333

333366

333399

3333cc

3333ff


663300

663333

663366

663399

6633cc

6633ff


993300

993333

993366

993399

9933cc

9933ff


cc3300

cc3333

cc3366

cc3399

cc33cc

cc33ff


ff3300

ff3333

ff3366

ff3399

ff33cc

ff33ff

 

006600

006633

006666

006699

0066cc

0066ff


336600

336633

336666

336699

3366cc

3366ff


666600

666633

666666

666699

6666cc

6666ff


996600

996633

996666

996699

9966cc

9966ff


cc6600

cc6633

cc6666

cc6699

cc66cc

cc66ff


ff6600

ff6633

ff6666

ff6699

ff66cc

ff66ff


009900

009933

009966

009999

0099cc

0099ff


339900

339933

339966

339999

3399cc

3399ff


669900

669933

669966

669999

6699cc

6699ff


999900

999933

999966

999999

9999cc

9999ff


cc9900

cc9933

cc9966

cc9999

cc99cc

cc99ff


ff9900

ff9933

ff9966

ff9999

ff99cc

ff99ff

 

00cc00

00cc33

00cc66

00cc99

00cccc

00ccff


33cc00

33cc33

33cc66

33cc99

33cccc

33ccff


66cc00

66cc33

66cc66

66cc99

66cccc

66ccff


99cc00

99cc33

99cc66

99cc99

99cccc

99ccff


cccc00

cccc33

cccc66

cccc99

cccccc

ccccff


ffcc00

ffcc33

ffcc66

ffcc99

ffcccc

ffccff


00ff00

00ff33

00ff66

00ff99

00ffcc

00ffff


33ff00

33ff33

33ff66

33ff99

33ffcc

33ffff


66ff00

66ff33

66ff66

66ff99

66ffcc

66ffff


99ff00

99ff33

99ff66

99ff99

99ffcc

99ffff


ccff00

ccff33

ccff66

ccff99

ccffcc

ccffff


ffff00

ffff33

ffff66

ffff99

ffffcc

ffffff

Red and Green - add Blue 

000000

003300

006600

009900

00cc00

00ff00


330000

333300

336600

339900

33cc00

33ff00


660000

663300

666600

669900

66cc00

66ff00


990000

993300

996600

999900

99cc00

99ff00


cc0000

cc3300

cc6600

cc9900

cccc00

ccff00


ff0000

ff3300

ff6600

ff9900

ffcc00

ffff00


000033

003333

006633

009933

00cc33

00ff33


330033

333333

336633

339933

33cc33

33ff33


660033

663333

666633

669933

66cc33

66ff33


990033

993333

996633

999933

99cc33

99ff33


cc0033

cc3333

cc6633

cc9933

cccc33

ccff33


ff0033

ff3333

ff6633

ff9933

ffcc33

ffff33

 

000066

003366

006666

009966

00cc66

00ff66


330066

333366

336666

339966

33cc66

33ff66


660066

663366

666666

669966

66cc66

66ff66


990066

993366

996666

999966

99cc66

99ff66


cc0066

cc3366

cc6666

cc9966

cccc66

ccff66


ff0066

ff3366

ff6666

ff9966

ffcc66

ffff66


000099

003399

006699

009999

00cc99

00ff99


330099

333399

336699

339999

33cc99

33ff99


660099

663399

666699

669999

66cc99

66ff99


990099

993399

996699

999999

99cc99

99ff99


cc0099

cc3399

cc6699

cc9999

cccc99

ccff99


ff0099

ff3399

ff6699

ff9999

ffcc99

ffff99

 

0000cc

0033cc

0066cc

0099cc

00cccc

00ffcc


3300cc

3333cc

3366cc

3399cc

33cccc

33ffcc


6600cc

6633cc

6666cc

6699cc

66cccc

66ffcc


9900cc

9933cc

9966cc

9999cc

99cccc

99ffcc


cc00cc

cc33cc

cc66cc

cc99cc

cccccc

ccffcc


ff00cc

ff33cc

ff66cc

ff99cc

ffcccc

ffffcc


0000ff

0033ff

0066ff

0099ff

00ccff

00ffff


3300ff

3333ff

3366ff

3399ff

33ccff

33ffff


6600ff

6633ff

6666ff

6699ff

66ccff

66ffff


9900ff

9933ff

9966ff

9999ff

99ccff

99ffff


cc00ff

cc33ff

cc66ff

cc99ff

ccccff

ccffff


ff00ff

ff33ff

ff66ff

ff99ff

ffccff

ffffff

Green and Blue - add Red 

000000

000033

000066

000099

0000cc

0000ff


003300

003333

003366

003399

0033cc

0033ff


006600

006633

006666

006699

0066cc

0066ff


009900

009933

009966

009999

0099cc

0099ff


00cc00

00cc33

00cc66

00cc99

00cccc

00ccff


00ff00

00ff33

00ff66

00ff99

00ffcc

00ffff


330000

330033

330066

330099

3300cc

3300ff


333300

333333

333366

333399

3333cc

3333ff


336600

336633

336666

336699

3366cc

3366ff


339900

339933

339966

339999

3399cc

3399ff


33cc00

33cc33

33cc66

33cc99

33cccc

33ccff


33ff00

33ff33

33ff66

33ff99

33ffcc

33ffff

 

660000

660033

660066

660099

6600cc

6600ff


663300

663333

663366

663399

6633cc

6633ff


666600

666633

666666

666699

6666cc

6666ff


669900

669933

669966

669999

6699cc

6699ff


66cc00

66cc33

66cc66

66cc99

66cccc

66ccff


66ff00

66ff33

66ff66

66ff99

66ffcc

66ffff


990000

990033

990066

990099

9900cc

9900ff


993300

993333

993366

993399

9933cc

9933ff


996600

996633

996666

996699

9966cc

9966ff


999900

999933

999966

999999

9999cc

9999ff


99cc00

99cc33

99cc66

99cc99

99cccc

99ccff


99ff00

99ff33

99ff66

99ff99

99ffcc

99ffff

 

cc0000

cc0033

cc0066

cc0099

cc00cc

cc00ff


cc3300

cc3333

cc3366

cc3399

cc33cc

cc33ff


cc6600

cc6633

cc6666

cc6699

cc66cc

cc66ff


cc9900

cc9933

cc9966

cc9999

cc99cc

cc99ff


cccc00

cccc33

cccc66

cccc99

cccccc

ccccff


ccff00

ccff33

ccff66

ccff99

ccffcc

ccffff


ff0000

ff0033

ff0066

ff0099

ff00cc

ff00ff


ff3300

ff3333

ff3366

ff3399

ff33cc

ff33ff


ff6600

ff6633

ff6666

ff6699

ff66cc

ff66ff


ff9900

ff9933

ff9966

ff9999

ff99cc

ff99ff


ffcc00

ffcc33

ffcc66

ffcc99

ffcccc

ffccff


ffff00

ffff33

ffff66

ffff99

ffffcc

ffffff





Color Charts for Webpages

Web Fashion Colors 



...The colors of the 1960's...



The colors of the 1960's

ED5A79

FB6D32

73B769

FFCB18

28A3C2




...The colors of the 1970's...



The colors of the 1970's

605E2A

C45A46

604938

B78E32

B85C23




...The colors
of
the
1980's...



The colors of the 1980's

DEB88A

D1866E

C2B9C6

B52427

444088




...The colors of the 1990's...



The colors of the 1990's

C7BFAB

8F7B5D

B2C346

EECA09

F8713C

00ABBB




...The colors
of
the
2000's...



The colors of the 2000's

9EB7D3

F6E6BC

CDC4C0

B09A76

90937E


Add more color to this lens by leaving a comment! 

Leave any feedback or questions here...

submit

Other Lenses in the How To Squidoo series... 

by N376

Glen likes to write. If it's something that he hasn't already enjoyed or experienced in life if you so much as throw a topic at him and if he finds it...

(more)
Create a Lens!