CSS color help?

Posted:
in Genius Bar edited February 2014
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

Comments

  • Reply 1 of 7
    mcqmcq Posts: 1,543member
    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
  • Reply 2 of 7
    rick1138rick1138 Posts: 938member
    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;

    }
  • Reply 3 of 7
    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.
  • Reply 4 of 7
    jambojambo Posts: 3,036member
    Moving to Genius Bar...
  • Reply 5 of 7
    Yep, as stated, the three-digit code is just shorthand for the six-digit one. Both perfectly valid.
  • Reply 6 of 7

    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

    phpinterview1991
Sign In or Register to comment.