SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 33
  1. #1
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Ques. for hand-coders

    For all you hand-coders, just out of curiosity, how do you know the hex codes for web-colors? Do you memorize them? Do you have a chart? How do you know which hex code to use? As a WYSIWYG guy, I just point and click to a color and BAM! there it is.

    Sketch
    Aaron Brazell
    Technosailor



  2. #2
    You talkin to me? Anarchos's Avatar
    Join Date
    Oct 2000
    Location
    Austin, TX
    Posts
    1,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I keep all of my colors in a single stylesheet and just use classes. The hex in my stylesheet is from PS, or my brain if it's a basic color.

  3. #3
    SitePoint Member
    Join Date
    Sep 2000
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    my fabulous graphic designer gave me a chart that has the RGB values and the hex values nicely laid out - I have it pinned to my cube and next to my home machine so it is easy to reference. For work we have set colors we must use in accordance with the design style guide. for freelance i just explore options. There is a great site that you can plug hex values into and it will show you how they appear on the web...very useful.

    http://www.paletteman.com/

  4. #4
    I am the night... bman's Avatar
    Join Date
    Mar 2001
    Location
    In a van... down by the river.
    Posts
    366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i use this handy dandy tool right here...
    http://www.richinstyle.com/free/colorizer.html
    Some say the world will end in fire, Some say in ice.
    From what I've tasted of desire
    I hold with those who favor fire.

  5. #5
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've memorized some of them, but for the rest I simply use the hex converter built into the Photoshop color picker. Also, keep in mind that most text editors these days have built in lists of hex colors. At least the websafe ones.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  6. #6
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yeah, I've used a few...I can think of CuteHTML off the top of my head. I knew that they had the color pickers built in, but I guess I was referring specifically to Notepad users....

    Sketch
    Aaron Brazell
    Technosailor



  7. #7
    SitePoint Wizard
    Join Date
    Sep 1999
    Posts
    1,390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just use The HTML Color Chart that a friend of mine made. Or, I'll use ColorCop to give me a hex value for an RGB. Some of the common ones I have memorized, especially shades of black to white, and all the grays in between.

  8. #8
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i just have a question about HEX colors

    i use FW and the websafe color palette is only like 256 colors i think. I maybe a few less. anyways, aidan bahta gave a link to the HTML chart. there were A LOT more.

    are the ones that have more than 3 different "variables" in them not websafe (don't look the same for different comps)???

    for example, all FW colors are made up of 33, 66, 99, CC, FF, DD (i think the "DD"). it's just different groups of those 6.

    But in the HTML COLOR CHART aidan gave there's a lot more

    just curious??
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  9. #9
    Serial Publisher silver trophy aspen's Avatar
    Join Date
    Aug 1999
    Location
    East Lansing, MI USA
    Posts
    12,937
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Photoshop 6 has this wonderful feature where when you click on a color it gives you the hex value. Since I do all of my graphics in it anyways its really convenient.

    Otherwise I used to use cuteHTML's hex picker.

    But hex really isnt that complicated.

    Its just rr|gg|bb

    And uses 0-f

    So you can estimate fine just freehand, if you have something specific of course you just use photoshop.
    Chris Beasley - I publish content and ecommerce sites.
    Featured Article: Free Comprehensive SEO Guide
    My Guide to Building a Successful Website
    My Blog|My Webmaster Forums

  10. #10
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Heck. I just use PS 6 to get the HEX code.
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  11. #11
    One website at a time mmj's Avatar
    Join Date
    Feb 2001
    Location
    Melbourne Australia
    Posts
    6,282
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I know Hex, and I know how much red, blue and green I need for a particular colour. So I just think to myself hmmm.... "A0 C0 D0" would be a nice cool colour, I'll use that. Then I increase or decrease the green until it looks the way I imagined it.

    ####

    I don't spend time looking in photoshop for the colour I want, because I have the colour in my head so I just write it down as hex and away I go.
    [mmj] My magic jigsaw
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    The Bit Depth Blog Twitter Contact me
    Neon Javascript Framework Jokes Android stuff

  12. #12
    SitePoint Addict michaelwheaton's Avatar
    Join Date
    Jan 2001
    Location
    Alberta, Canada
    Posts
    338
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use The Color Schemer to choose the colors I use, and it provides all of the hex values. I also use this program if I ever need to find the hex value of a color. As for what's websafe- I go by the guideline that the RGB values should be multiples of 53. So for instance you could use "53,106,53" or "159,53,212". I guess there are only a very few *true* websafe colors, but this will work fine for 99% of people.

  13. #13
    SitePoint Evangelist pip's Avatar
    Join Date
    Jun 2001
    Location
    Cape Town, South Africa
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you understand how hex codes work and how to mix colours, you can get to the desired colour simply by entering the RGB values in hex. If I don't use Photoshop 6 (which I do most of the time) and I need to get a specific colour code, I use Eyedropper http://eyedropper.inetia.com/. Eyedropper sits in your system tray, and by double clicking the EyeDropper icon you can simply point your mouse cursor over a colour on the screen, and it displays the HEX and RGB values for it.

    Otherwise HEX is pretty simple I think. # R (00) G(00) B(00) Mix'em up and get the colour you want.
    - Pip
    ---------------------------------------------------------------------------------
    Nothing takes the taste out of peanut butter quite like unrequited love.

  14. #14
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here's a really good color chart, they've got a ton!http://www.blazicek.cz/el/barvy

    check it out

    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  15. #15
    ComDude CryingWolf's Avatar
    Join Date
    Dec 2000
    Location
    I don't know the cat drug it in!!!
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by pip
    Otherwise HEX is pretty simple I think. # R (00) G(00) B(00) Mix'em up and get the colour you want.
    Yeah pretty simple and I don't even handcode that much anymore, but I still use HEX as an importaint part in graphics and color for the site. I use photoshop for most of my color choices and design.

    If you try to stay with websafe colors, each color red, green, and blue would just be one of 00, 33, 66, 99, CC, FF, thus staying websafe.
    body { background:#000000; color:#000000 }
    HEY, WHO TURNED OUT THE LIGHTS?!?
    Easy come easy go!!!
    CryingWolf

  16. #16
    SitePoint Member tscratch's Avatar
    Join Date
    May 2001
    Location
    Florida
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use Eyedropper as well. (see link above) When I see colors I like I copy the values. Other than that I just try mixing until I get it right.
    Plus, don't we all know the basics? Black, white, green, blue, red, gray...
    --
    Eric

  17. #17
    ********* Callithumpian silver trophy freakysid's Avatar
    Join Date
    Jun 2000
    Location
    Sydney, Australia
    Posts
    3,798
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like the colour wheel of web-safe colours located here:
    http://www.visibone.com/colorlab/

    I wrote an algorithm for creating a table of all 216 web-safe colours the other day. For those of you who use PHP you might be interested for a laugh. You can also see the results in a test page I made here www.dasilva.f2s.com

    The idea is that that algorithm is to be used for an online form where the user needs to choose a web-safe background colour for a customised page. So, eventualy I will need to ad javascript to get the dynamic behaviour required. I was going to wait and see whether the designer did that before I had to make the effort myself

    PHP Code:
    <table cellpadding=0 cellspacing=0><tr><td>
    <?php
    $c 
    = array('00','33','66','99','CC','FF');
    $n 6;

    for (
    $i 0$i $n$i++) {
       echo 
    '<td><table cellpadding=0 cellspacing=0>';
       for (
    $j 0$j $n$j++) {
          echo 
    '<tr>',"\n";
          for ( 
    $k 0$k $n$k++) {
             echo 
    '<td bgcolor="#',$c[$i],$c[$k],$c[$j],'">',
                  
    '<img src="1px.gif" width=13 height=13 border=0></td>',"\n";
          }
          echo 
    '</tr>'"\n";
       }
       echo 
    '</td></table>';
    }
    ?>
    </td></tr></table>
    Last edited by freakysid; Jul 3, 2001 at 02:13.

  18. #18
    exit();
    Join Date
    Jul 2000
    Posts
    759
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I know quite a few off hand, although if I get stuck - I have a VisiBone poster hanging on my wall

  19. #19
    SitePoint Wizard TWTCommish's Avatar
    Join Date
    Aug 1999
    Location
    Pittsburgh, PA, USA
    Posts
    3,910
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have a few memorized...blue, maroon, black white, several shades of gray. I just look the others up when necessary.

  20. #20
    SitePoint Member
    Join Date
    Jan 2001
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


    The best color chart I've every come across is at:

    http://users.rcn.com/giant.interport...Specifier.html


    Big selection, easy to read and works in all browsers.
    Marilyn
    cityhall@neo.rr.com

  21. #21
    SitePoint Addict
    Join Date
    Jan 2001
    Location
    Ottawa ON
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Why are hex codes preferable to specifying the colors by name?

  22. #22
    SitePoint Member
    Join Date
    Jan 2001
    Location
    California
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use the HTML-Kit text editor (www.chami.com) which has a great Color Generator in. Even so I have learned, and remembered quite a few of the color codes. You can find a fairly good color chart here:

    www.nodntap.com/programs/color_chart.html

    The reason the hexadecimal values are better to use is that some browsers, notably Opera, have a tough time with color names.

    Don S. {The HTML Learning Corner on Yahoogroups}
    www.nodntap.com
    Don S. {The HTML Learning Corner on Yahoogroups}
    http://www.nodntap.com/programs/start.html

  23. #23
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by mmholbrook


    The best color chart I've every come across is at:

    http://users.rcn.com/giant.interport...Specifier.html


    Big selection, easy to read and works in all browsers.
    You mean the 404 Page not Found link??
    Sketch
    Aaron Brazell
    Technosailor



  24. #24
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    uhhh, nevermind....Sketch
    Aaron Brazell
    Technosailor



  25. #25
    SitePoint Enthusiast welded's Avatar
    Join Date
    Jun 2001
    Location
    vancouver.bc.ca
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://www.weldedweb.com/Web_Colour_Visualizer.html

    an invaluable too. it's on my server because i saved it to my local drive and have no idea where i found it. hell of a job to the guy who coded it.
    it's amazing what velocity can do
    when human beings are in season


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •