CSS color help?

midwinter

Hi all.



I know VERY little about CSS and html and whatnot, and I'm trying to make some minor modifications to my website. I'd like to change the color on the lefthand column, whose color is defined in the CSS with this:

Code:

color: #333;







What is this 3-digit code? I've tried changing it to the 6-digit codes, but that didn't change anything.



Can anyone point me to maybe a chart with these color codes?



Thanks. And sorry for being such a moron about this. I know this is an easy easy question, but my googling turned up nothing but hexidecimal color codes.



Cheers

Scott

mcq

I think you can use hex codes for the colors; in fact I haven't seen a color code with only three digits before, I almost always see hex color codes. Anyways, if you just want a basic color you may be able to just do something like "color: blue".



Couple links for reading:

http://www.w3schools.com/css/css_colors.asp

http://www.echoecho.com/csscolors.htm

rick1138

Right hex colors have 6 digits not three. Here is part of the css I used for a site I did recently. " background: #000000;" sets a black background until the background image has downloaded, which is displayed on top of the background. Make sure the image is enumerated after the background, or else some browsers will juat display the background. I use images because browser implementations of colors is so buggy, even among "websafe colors"(especially Netscape 4) and very limited. The background image is a 16 * 16 pixel image of the hex color "212121", which is a warm dark grey.





body

{

background: #000000;

background-image: url("212121.jpg");

}



Here is something else as well, an aural style sheet that helps people with visual disabilities experience your site:





body

{

volume: medium;

speak: normal;

azimiuth: center-left;

elevation: level;

speech-rate: medium;

pitch: 210hz;

pitch-range: 20Hz;

stress: 20hz;

richness: 10;

speak-punctuation: none;

speak-numeral: continuous;

voice-family: female;

}

h2

{

pause-before: 500ms;

pause-after: 500ms;

}

p

{

pause-before: 300ms;

pause-after: 300ms;

}

a

{

pause-before: 300ms;

pause-after: 300ms;

}

stupider...likeafox

Quote:

Originally posted by midwinter



Code:

color: #333;

colors of the form #rgb are just shorthand for #rrggbb.



So that is the same as #333333.

jambo

Moving to Genius Bar...

unremarkable

Yep, as stated, the three-digit code is just shorthand for the six-digit one. Both perfectly valid.

punterf16

Here too is a good color picker with hsla() rgba() function do try http://www.tutorialspark.com/html5/HTML5_Color_Picker.php

And to learn about CSS colors in great detail visit http://www.tutorialspark.com/css3/CSS_Colors.php