SitePoint Sponsor

User Tag List

Results 1 to 18 of 18
  1. #1
    SitePoint Addict Kysmiley's Avatar
    Join Date
    Dec 2004
    Location
    Isonville KY
    Posts
    304
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    HTML Color Chart

    I am looking to be pointed in the right direction to find an HTML color code chart.
    Pat

  2. #2
    From Italy with love silver trophybronze trophy
    guido2004's Avatar
    Join Date
    Sep 2004
    Posts
    9,500
    Mentioned
    163 Post(s)
    Tagged
    4 Thread(s)
    google for 'html color code chart' ?

  3. #3
    SitePoint Evangelist
    Join Date
    Apr 2009
    Location
    South Carolina
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check W3Schools for a chart. w3schools dot com slant html

    I think they have more than one chart, so look for the one that suits your needs.

  4. #4
    Theoretical Physics Student bronze trophy Jake Arkinstall's Avatar
    Join Date
    May 2006
    Location
    Lancaster University, UK
    Posts
    7,062
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    If you order Sitepoint's latest web design book, Sexy Web Design, you get a Sitepoint color chart FREE!
    Jake Arkinstall
    "Sometimes you don't need to reinvent the wheel;
    Sometimes its enough to make that wheel more rounded"-Molona

  5. #5
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by arkinstall View Post
    If you order Sitepoint's latest web design book, Sexy Web Design, you get a Sitepoint color chart FREE!
    I got mine! Well I got it with the limited edition hardcover The Principles of Beautiful Web Design.

    http://www.flickr.com/photos/logic_earth/3172929673/
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  6. #6
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,815
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Do the charts show all 16 million plus colours or only a subset of the available HTML colours?
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  7. #7
    SitePoint Evangelist
    Join Date
    Apr 2009
    Location
    South Carolina
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I know the W3Schools charts are just a subset of all the available colors.

    I would not want to have to pickup the large book that had all 16,777,216 (if I did my math correct) colors. I suspect I would need a fork lift.

  8. #8
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by felgall View Post
    Do the charts show all 16 million plus colours or only a subset of the available HTML colours?
    Show a subset, about 504 colors total.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  9. #9
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    504 out of 16 million? Not so much a subset, more of a microsample

  10. #10
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by AlexDawson View Post
    504 out of 16 million? Not so much a subset, more of a microsample
    Lol well yeah its only a small card will need a pretty big poster for 16 million.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  11. #11
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,815
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    I think most of those microsample sites date back to the stone age where there were a lot fewer colours available to use on the web. You'd probably do better using one of those sites where you select any one of the 16,777,216 possible colours and have it tell you what other colours are most appropriate to use with the one you selected. With a chart of only 504 colours you would choose one and all the suitable colours to use with it will not be on the chart making it rather useless.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  12. #12
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    felgall, I would recommend people use a color schemer program, they allow you to build up color palettes from the full amount of colors available. If anyone wants to know, I use the commercial product Color Schemer Studio and it is probably the single most useful utility I have in my web design kit.

  13. #13
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    This one's not a bad site for a listing of colors that aren't those icky, obsolute "web-safe" palette selections:

    http://www.december.com/html/spec/color.html

    And I like this color schemer:

    http://www.colorschemer.com/online.html (seems to be a free online version of Alex's standalone program...?).

  14. #14
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Black Max View Post
    And I like this color schemer: http://www.colorschemer.com/online.html (seems to be a free online version of Alex's standalone program...?).
    It is made by the same people but is extremly limited in comparison. The full product has a heck of a lot more ways to manage colors. That online tool doesn't come close.

  15. #15
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,815
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    It does look like an extremely primitive version of the sort of thing I was talking about. There are free online versions that are far far far more sophisticated than that one.There were several such sites mentioned in a recent book on web design (If I could only remember which one it was -I have several piles of computer books stacked around the place at the moment waiting to be properly put away when I can find somewhere to put them all).
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  16. #16
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Well, my understanding and usage of color schemes is pretty primitive....

    If there are better free online color schemers out there, and grunting morons like myself can understand them, link 'em!

  17. #17
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,815
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    http://colorschemedesigner.com/ is a reasonable online colour scheme generator - it is the one recommended in the Sitepoint book "The Principles of Beautiful Web Design".
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  18. #18
    SitePoint Zealot bgil's Avatar
    Join Date
    Apr 2009
    Location
    So. California
    Posts
    124
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like colorschemedesigner thanks.
    I've used colorsontheweb(dot)com/colorwizard.asp - it shows the hex value for all colors on the palette, and each rgb has a slider. There's also a WCAG contrast anaylzer.
    -Brad


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
  •