Home » Squidoo Community » Lensmaking Tips » HTML on a lens

The Guide to Colors On HTML

Ranked #3,060 in Squidoo Community, #230,291 overall

Seeing The Rainbow!!!

My HTML and CSS lens has managed to get a bit big so I decided that I need to split it up a bit. This is what this lens is all about. What I am basically going to cover is the different colors that you can use in your own lenses. I know they all work only because I show you by example here just for you.

All Colors also can be found at New Horizon Spaces

Check These Out First Before You Move Along

You will need to understand this first before you can understand the color codes that I have listed below.

And Now For the Colors!!

Please click on the top to navigate.

Basic Color

I think this is self explanatory. They are the basic colors that you can use and there is a total of 16 of them. I am in the process of adding both Hex and RGB colors here.

Say you want black, here is an example of how to do that:

Hex
<p style="color: #000;">

RGB
<p style="color: rgb(0,0,0);">

White
#FFFFFF

Black
#000000

Grey
#808080

Silver
#C0C0C0

Green
#008000

Lime
#00FF00

Olive
#808000

Teal
#008080

Blue
#0000FF

Navy
#000080

Purple
#800080

Fuchia
#FF00FF

Maroon
#800000

Red
#FF0000

Yellow
#FFFF00

Aqua
#00FFFF

X11

These are directed at the Apple operating system called x-windows. These colors were shipped with that operating system. Before 2005, compatibility would be a problem, but now there should not be.

Lavender
#E6E6FA

Thistle
#D8BFD8

Plum
#DDA0DD

Violet
#EE82EE

Orchid
#DA70D6

Fuchsia
#FF00FF

Magenta
#FF00FF

MediumOrchid
#BA55D3

MediumPurple
#9370DB

BlueViolet
#8A2BE2

DarkViolet
#9400D3

DarkOrchid
#9932CC

DarkMagenta
#8B008B

Purple
#800080

Indigo
#4B0082

SlateBlue
#6A5ACD

DarkSlateBlue
#483D8B

MediumSlateBlue
#7B68EE

Indian Red
#CD5C5C

Light Coral
#F08080

Salmon
#FA8072

Dark Salmon
#E9967A

Light Salmon
#FFA07A

Crimson
#DC143C

FireBrick
#B22222

DarkRed
#8B0000

Pink
#FFC0CB

Light Pink
#FFB6C1

Hot Pink
#FF69B4

Deep Pink
#FF1493

Medium Violet Red
#C71585

Pale Violet Red
#DB7093

Light Salmon
#FFA07A

Coral
#FF7F50

Tomato
#FF6347

OrangeRed
#FF4500

DarkOrange
#FF8C00

Orange
#FFA500

Gold
#FFD700

Light Yellow
#FFFFE0

LemonChiffon
#FFFACD

LightGoldenrodYellow
#FAFAD2

PapayaWhip
#FFEFD5

Moccasin
#FFE4B5

PeachPuff
#FFDAB9

PaleGoldenrod
#EEE8AA

Khaki
#F0E68C

DarkKhaki
#BDB76B

Green Yellow
#ADFF2F

Chartreuse
#7FFF00

Lawn Green
#7CFC00

Lime Green
#32CD32

Pale Green
#98FB98

Light Green
#90EE90

Medium Spring Green
#00FA9A

Spring Green
#00FF7F

Medium Sea Green
#3CB371

Sea Green
#2E8B57

Forest Green
#228B22

Dark Green
#006400

Yellow Green
#9ACD32

Olive Drab
#6B8E23

Olive
#808000

Dark Olive Green
#556B2F

Medium Aqua Marine
#66CDAA

Dark Sea Green
#8FBC8F

Light Sea Green
#20B2AA

Dark Cyan
#008B8B

LightCyan
#E0FFFF

PaleTurquoise
#AFEEEE

Aquamarine
#7FFFD4

Turquoise
#40E0D0

MediumTurquoise
#48D1CC

DarkTurquoise
#00CED1

CadetBlue
#5F9EA0

SteelBlue
#4682B4

LightSteelBlue
#B0C4DE

PowderBlue
#B0E0E6

LightBlue
#ADD8E6

SkyBlue
#87CEEB

LightSkyBlue
#87CEFA

DeepSkyBlue
#00BFFF

DodgerBlue
#1E90FF

CornflowerBlue
#6495ED

MediumSlateBlue
#7B68EE

RoyalBlue
#4169E1

MediumBlue
#0000CD

DarkBlue
#00008B

Navy
#000080

MidnightBlue
#191970

Cornsilk
#FFF8DC

BlanchedAlmond
#FFEBCD

Bisque
#FFE4C4

NavajoWhite
#FFDEAD

Wheat
#F5DEB3

BurlyWood
#DEB887

Tan
#D2B48C

RosyBrown
#BC8F8F

SandyBrown
#F4A460

Goldenrod
#DAA520

DarkGoldenrod
#B8860B

Peru
#CD853F

Chocolate
#D2691E

SaddleBrown
#8B4513

Sienna
#A0522D

Brown
#A52A2A

Maroon
#800000

Snow
#FFFAFA

Honeydew
#F0FFF0

MintCream
#F5FFFA

Azure
#F0FFFF

AliceBlue
#F0F8FF

GhostWhite
#F8F8FF

WhiteSmoke
#F5F5F5

Seashell
#FFF5EE

Beige
#F5F5DC

OldLace
#FDF5E6

FloralWhite
#FFFAF0

Ivory
#FFFFF0

AntiqueWhite
#FAEBD7

Linen
#FAF0E6

LavenderBlush
#FFF0F5

MistyRose
#FFE4E1

Gainsboro
#DCDCDC

LightGrey
#D3D3D3

DarkGray
#A9A9A9

Gray
#808080

DimGray
#696969

LightSlateGray
#778899

SlateGray
#708090

DarkSlateGray
#2F4F4F

Non Dithered Colors

These I have used for a long time. As long as I could remember, I have always used dithered colors. Part of it is because of the compatibility and partly because there is a broad spectrum of colors to choose from. Some people say we don't need them. You know my belief on these are. There are 216 colors in here. Each and every time, you will get a smooth color. They use hex codes of 00, ff, cc, 66, 33, 99.

#FFFFCC

#FFFF99

#FFFF66

#FFFF33

#FFFF00

#CCFF99

#CCFF66

#CCFF33

#CCFF00

#33FF99

#99FF99

#CCFFCC

#CCFFFF

#66FF99

#66FF66

#99FFCC

#33FFFF

#33FFCC

#00FFFF

#00FF99

#66FFFF

#99FFFF

#00FF00

#00FF66

#33FF33

#99FF66

#00FFCC

#66FF00

#66FFCC

#99FF00

#66FFCC

#33FF00

#FFCCFF

#FFCCCC

#FF99FF

#FF99CC

#FF9999

#FF66CC

#FF66FF

#FF6699

#FF6666

#FF33FF

#FF00CC

#FF33CC

#CC6699

#FF3399

#FF00FF

#CC6666

#FF3366

#FF0099

#FF0066

#FF0033

#CC3366

#CC0066

#CC0033

#CC3333

#FF3333

#FF9966

#FFCC99

#FFCC66

#FFCC33

#FFCC00

#CCCC66

#CCCC00

#CCCC33

#CC9966

#CCCC99

#CCCCCC

#CCCCFF

#66CC99

#99CC99

#99CC66

#99CC33

#99CC00

#66CC66

#66CC33

#66CC00

#33CC66

#00CC66

#99CCFF

#66CCFF

#66CCCC

#00CCFF

#33CCFF

#33CCCC

#00CCCC

#33CC99

#00CC99

#CC99FF

#CC99CC

#CC9999

#CC66FF

#CC66CC

#CC33FF

#9966CC

#CC33CC

#9966FF

#996699

#996666

#CC00FF

#CC3399

#CC00CC

#9933FF

#0066FF

#9933CC

#9900FF

#993366

#9900CC

#990099

#660099

#993399

#CC0099

#663366

#660066

#990033

#660033

#330066

#330033

#FF9933

#FF9900

#CC9933

#CC9900

#FFCC33

#FF6600

#CC6633

#CC6600

#FF3300

#FF0000

#CC3300

#009966

#669966

#339966

#009966

#339933

#009933

#669933

#669900

#339900

#009900

#33CC33

#33CC00

#00CC33

#00CC00

#006633

#336633

#336600

#003300

#006600

#0099CC

#009999

#9999FF

#9999CC

#6699FF

#6699CC

#3399FF

#669999

#6666FF

#0099FF

#3399CC

#339999

#99CCCC

#6666CC

#3366FF

#666699

#0066CC

#336666

#006699

#6600FF

#6600CC

#0033CC

#0000FF

#333399

#3300CC

#336699

#6633FF

#3366CC

#0033FF

#3333CC

#003399

#006666

#6633CC

#3333FF

#003333

#330099

#3300FF

#003366

#0000CC

#000099

#000066

#000033

#CC0000

#990000

#660000

#330000

#333333

#333300

#666666

#666633

#999999

#999966

#999933

#999900

#996633

#996600

#666600

#993333

#993300

#663333

#663300

How About Some Color Schemes?

Do You Have Any Questions About Colors?

Feel free to leave your comments here.
Do you want to create a lens like this one? Just click here to start writing your lens today.

submit

Reply

grannysage Jan 29, 2011 @ 1:09 pm | delete

I use this lens so much, I had to leave some Granny FairyAngel dust. What color would you like?

Reply

DARdreams Oct 7, 2010 @ 6:01 pm | delete

I love having all these color choices. Thanks!

Reply

purplelady Sep 21, 2010 @ 10:23 am | delete

A very helpful and much needed resource for adding color to lens modules. I have needed this; thanks for providing it.