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.
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.
-
HTML and CSS
-
HTML and CSS work closely together. Let me tell you one thing about myself. I've been playing with HTML since 98, but the past few years, i've been using it even more and most of what I have learned, I've learned on my own. I even know css which is a...
-
HTML And CSS Mentor
-
Many of you start writing your lenses without any HTML and CSS, but as you start understanding Squidoo, you want to learn how to spice your lenses up. HTML and CSS is just the ticket that you may be looking for. Here, on this lens, you will learn fr...
And Now For the Colors!!
Contents at Glance
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.
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
#00FF00
#00FF66
#33FF33
#33FF33
#99FF66
#00FFCC
#00FFCC
#66FF00
#66FFCC
#99FF00
#66FFCC
#33FF00

#FFCCFF
#FFCCCC
#FF99FF
#FF99CC
#FF9999
#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?
-
HTML and CSS Color Schemes
-
This is my second to my series of CSS and HTML related lenses. The first one was a detailed lens on how to put html and CSS into your lenses. This one is more of a cheat sheet where you can pick out your color schemes that I have put in front of you....
Do You Have Any Questions About Colors?

Feel free to leave your comments here.
If you like this lens, please make sure that you rate it.
-
Reply
- DeboraR DeboraR Nov 11, 2009 @ 9:40 pm
- I hope to incorporate more color into my lens from your lens. Love all the color possiblities
-
Reply
- Jewelsofawe Jewelsofawe Nov 8, 2009 @ 12:25 pm
- I am book marking this lens. So glad to have a lens with the color code. Thank you!
-
Reply
- Trekkiemelissa Trekkiemelissa Oct 8, 2009 @ 11:04 pm | in reply to Heather426
- The best way to do the blackbox in other colors are available on this lens: www.squidoo.com/borders-and-more
If you are planning on using the image option, let me. I can make up the color really fast in photoshop usually if the color you want is not up there.
-
Reply
- Heather426 Heather426 Oct 8, 2009 @ 10:43 pm
- This is a big help! thank you so much! My question is how to turn a black box into one of these colors instead of the ones available on squidoo right now...is there a way?
Thank you in advance for your help.
-
Reply
- RinchenChodron RinchenChodron Aug 15, 2009 @ 10:33 pm
- Thanks for the info! I'm bookmarking and FAVing this lens.
- Load More
