Image hosted by Photobucket.com

+xanga +home +my buddies +look&feel +be my buddy +sign in +sign out

dragonfliXproductionz: weblog - photos - videos - audio - pulse - profile - reviews - events - subscribe!
ratings - flag  [ xanga - join - sign in ]
About this Entry
Posted by: dragonfliXproductionz

Original: 8/8/2005 9:14 AM
Views: 1

Back to Your Xanga Site
   

Monday, August 08, 2005

 

Colors

This is a Hex Code Color Chart

When you're adding a color to your Web page with HTML, sometimes you can just type in the name of the color. But more often than not, you'll need to use what's called the hex code, which is something that the browser will be able to understand. Choose a color from the list below and look to its left to get the hex code. Then copy the hex code and use it when you're making layouts and stuff!

Hex Code Color
#FFFFFF  
#FFFFCC  
#FFFF99  
#FFFF66  
#FFFF33  
#FFFF00  
#FFCCFF  
#FFCCCC  
#FFCC99  
#FFCC66  
#FFCC33  
#FFCC00  
#FF99FF  
#FF99CC  
#FF9999  
#FF9966  
#FF9933  
#FF9900  
#FF66FF  
#FF66CC  
#FF6699  
#FF6666  
#FF6633  
#FF6600  
#FF33FF  
#FF33CC  
#FF3399  
#FF3366  
#FF3333  
#FF3300  
#FF00FF  
#FF00CC  
#FF0099  
#FF0066  
#FF0033  
#FF0000  

Hex Code Color
#66FFFF  
#66FFCC  
#66FF99  
#66FF66  
#66FF33  
#66FF00  
#66CCFF  
#66CCCC  
#66CC99  
#66CC66  
#66CC33  
#66CC00  
#6699FF  
#6699CC  
#669999  
#669966  
#669933  
#669900  
#6666FF  
#6666CC  
#666699  
#666666  
#666633  
#666600  
#6633FF  
#6633CC  
#663399  
#663366  
#663333  
#663300  
#6600FF  
#6600CC  
#660099  
#660066  
#660033  
#660000  
Hex Code Color
#CCFFFF  
#CCFFCC  
#CCFF99  
#CCFF66  
#CCFF33  
#CCFF00  
#CCCCFF  
#CCCCCC  
#CCCC99  
#CCCC66  
#CCCC33  
#CCCC00  
#CC99FF  
#CC99CC  
#CC9999  
#CC9966  
#CC9933  
#CC9900  
#CC66FF  
#CC66CC  
#CC6699  
#CC6666  
#CC6633  
#CC6600  
#CC33FF  
#CC33CC  
#CC3399  
#CC3366  
#CC3333  
#CC3300  
#CC00FF  
#CC00CC  
#CC0099  
#CC0066  
#CC0033  
#CC0000  

Hex Code Color
#33FFFF  
#33FFCC  
#33FF99  
#33FF66  
#33FF33  
#33FF00  
#33CCFF  
#33CCCC  
#33CC99  
#33CC66  
#33CC33  
#33CC00  
#3399FF  
#3399CC  
#339999  
#339966  
#339933  
#339900  
#3366FF  
#3366CC  
#336699  
#336666  
#336633  
#336600  
#3333FF  
#3333CC  
#333399  
#333366  
#333333  
#333300  
#3300FF  
#3300CC  
#330099  
#330066  
#330033  
#330000  
Hex Code Color
#99FFFF  
#99FFCC  
#99FF99  
#99FF66  
#99FF33  
#99FF00  
#99CCFF  
#99CCCC  
#99CC99  
#99CC66  
#99CC33  
#99CC00  
#9999FF  
#9999CC  
#999999  
#999966  
#999933  
#999900  
#9966FF  
#9966CC  
#996699  
#996666  
#996633  
#996600  
#9933FF  
#9933CC  
#993399  
#993366  
#993333  
#993300  
#9900FF  
#9900CC  
#990099  
#990066  
#990033  
#990000  

Hex Code Color
#00FFFF  
#00FFCC  
#00FF99  
#00FF66  
#00FF33  
#00FF00  
#00CCFF  
#00CCCC  
#00CC99  
#00CC66  
#00CC33  
#00CC00  
#0099FF  
#0099CC  
#009999  
#009966  
#009933  
#009900  
#0066FF  
#0066CC  
#006699  
#006666  
#006633  
#006600  
#0033FF  
#0033CC  
#003399  
#003366  
#003333  
#003300  
#0000FF  
#0000CC  
#000099  
#000066  
#000033  
#000000  

These are Normal Colors

Meaning that they require no number sign, or any numbers for that matter. Yipee! But you gotta remember to write them down as is. If you put a space between a word that doesn't, then it'll ruin it. So heed my word...
Ha ha.

red

orange

yellow

green

blue

pink

indigo

purple

violet

black

brown

white

hotpink

deeppink

gold

skyblue

fuchsia

lime

aqua

dodgerblue

salmon

blueviolet

Indianred

turquoise

royalblue

seagreen

forestgreen

goldenrod

burlywood

coral

firebrick

olive

orchid

plum

springgreen

steelblue

teal
cornflowerblue

Scrollbars


As you can see on this color coded chart of a scrollbar, it shows you where everything is, so when you're making a scrollbar for your own layout or something, or that layout tutorial, you'll know where the colors are going.

Borders

These are what the borders look like, and what you write down. I got the borders off of blogring.net, but the synopsis are completely mine.
border: 1px none silver;
No border (duh)
border: 1px hidden silver;
I don't really know why anyone would wanna put a hidden border, still...
border: 1px solid silver;
It's just one, itty, bitty line.
border: 2px dotted silver;
The dots actually look like little squares.
border: 2px dashed silver;
At least this looks like what it's supposed to.
border: 3px double silver;
OoOooh this is two itty bitty lines.
border: 10px ridge silver;
This one's cool.
border: 10px groove silver;
So is this one.
border: 10px inset silver;
I don't like this one though. Two sides are dark, two sides are light.
border: 10px outset silver;
It's the same deal with this one!
 Posted 8/8/2005 9:14 AM - 1 View
var wrong="http://www.blogring.net/"; var password="PASSWORD"; var name = prompt("Enter the password please" ," "); if (name == password) {(confirm("Welcome to my xanga!"))} else {location.href=wrong}
xanga - your site - terms - privacy - jobs - help - press - join - Language
safety - parents - law enforcement
report inappropriate content