| www.artemiscomputing.com - 46 Village Way #168 - Port Ludlow WA 98365 360-437-1303 |
| Diane's Color Tool - (an interactive page to be used for testing colors) |
|
This page is intended to help us select the colors for your web site... think of it like using paint chips...[ more ] SAMPLER"If the world were a logical place, men would ride side-saddle" - Rita Mae Brown (black) "I have often wished I had time to cultivate modesty... But I am too busy thinking about myself" - Dame Edith Sitwell (navy) "Expecting life to treat you well because you are a good person is like expecting an angry bull not to charge because you are a vegetarian" - Shari R. Barr (olive) "We're all in this alone" - Lily Tomlin (blue) "Maybe being oneself is always an acquired taste" - Patricia Hampl (lime) don't read too much into these quotes (fuscia) they were only quickly selected (purple) instead of typing 'ipsem' etc (red) |
This page is intended to help us select the colors for your web site... think of it like using paint chips...[ more ] SAMPLER"Old age is life's parody" - Simone de Beauvoir (gray) "To say something nice about themselves, this is the hardest thing in the world for people to do. They'd rather take their clothes off." - Nancy Friday (green) "Never eat more than you can lift. " - Miss Piggy (teal) "Never mistake knowledge for wisdom. One helps you make a living, the other helps you make a life " - Sandra Carey (aqua) "Perhaps one has to be very old before one learns how to be amused rather than shocked. " - Pearl S. Buck (yellow) |
BELOW ARE SOME SAMPLE CONTRASTING COLORS - 'MOUSE-OVER' COLOR TO SELECT AS THE BACKGROUND COLOR, CLICK TO JUMP TO THAT SECTION
Set includes'SAFE' colors, and named colors; |
COLOR CHIPS (click on the link on any of the 'color chips' to change the background to match the color of the chip) |
The following "browser safe" colors still need to be integrated above
| teal | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366FF | |
| #339900 | #339933 | #339966 | #3399CC | #3399FF | |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCFF | |
| #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF | |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #cc0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #cc3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #ff0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #ff3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| notes |
|
This page is intended to help us select the colors for your web site... think of it like using paint chips... Some of this may seem technical, but don't let that put you off -- anything technical is also visual -- and the visual part is the important part... Colors are so personal... I would like to give you as much opportunity as you wish to participate in the color selection for your site... thus please play around with this page - run the mouse cursor over any of the special 'colors of interest' (top of page) and the background will change to that color - or - click on any of the 'color chips' in the body of the page to change the background to match the 'color chip'. The quotes at the top of the page are just like an embroidery sampler, simply a few examples of what the two basic font types look like in a few sizes and colors commonly used for body text. Why bother with this? First off, I hope that you'll think it is fun. If not, please don't feel like you have to spend any more than minimal time on it. Secondly, colors communicate, and I need feedback from you in order to make your site communicate your message accurately. I think it helps us create a better site if you understand a little about what is possible and how things work. Also, this color tool page facilitates more precise communication. Please notice the ample quantity of shades of red, for example. I'm hoping that this tool will enable you to select a color scheme - at minimum, perhaps something general like 'black & red & teal & white' - in which case one of us has to pick the specific shades -- it can be either me or you, as you wish, although I reserve the right to attempt to talk you into or out of certain color schemes ;). When you are picking colors, if possible, stick to those that say 'SAFE'... the reason for this follows, if you are interested. All monitors are not created equal - what you see on your computer is not necessarily the same thing your neighbor sees. Some monitors are capable of more colors than others, and the differences between them can create problems -- with the worst case being 'dithering' which can make a site illegible... other issues to watch are that some patterns which look really great on new monitors, look dark, almost unintelligible, or washed out, on less-capable monitors. Back 'in the beginning' computer monitors could only display a couple colors. For example, on the Apple //e, you could have black, white, yellow, red, blue, orange, green -- that's all I remember but there must have been one more (to make 8). If you wanted purple, you had to alternate dots of red and orange (using alternating dots of 2 colors to fool the eye into seeing a 3rd color is 'dithering' and it's ok if you're doing it on purpose). Yes, computers can now display millions of colors on their monitors, but they don't yet all do it the same way. Until very recently, it was recommended that web sites limit their palette to 216 specific colors - the so-called 'browser safe' color set -- meaning that it was safe to assume that if you told the page to display a canary yellow, it would indeed be canary yellow on every else's screens, not gold or brownish, and not just plain yellow. There are enough colors in the 'safe' set that most of the time it is possible to stick with them, but sometimes it's not -- for example, it's very difficult to get a good earthtone palette using just 'safe' colors. Fortunately there is a fairly-new extension - the 'named colors', which permit a lot more freedom... however, although they are all supposed to be safe (except on dinosaur systems), some combinations still don't look quite right on older monitors and laptops, so whatever colors we are going to use should be tested together before we consider the choices final. The 'color chips' on this page are a combination of the (new) 'named' colors and the 'safe' colors. This is a tool I originally developed just for myself and am now developing to assist you. I started it for a site that used a primarily blue color scheme so I've integrated most of the blue 'named' and 'safe' colors. I've also picked out and integrated the majority of the greens and reds. However, there is a 'blob' of colors on the bottom of the page (before the start of this text) -- those are 'safe' colors which I still need to integrate / create 'color chips' for. Diane |
This page is intended to help us select the colors for your web site... think of it like using paint chips... Some of this may seem technical, but don't let that put you off -- anything technical is also visual -- and the visual part is the important part... Colors are so personal... I would like to give you as much opportunity as you wish to participate in the color selection for your site... thus please play around with this page - run the mouse cursor over any of the special 'colors of interest' (top of page) and the background will change to that color - or - click on any of the 'color chips' in the body of the page to change the background to match the 'color chip'. The quotes at the top of the page are just like an embroidery sampler, simply a few examples of what the two basic font types look like in a few sizes and colors commonly used for body text. Why bother with this? First off, I hope that you'll think it is fun. If not, please don't feel like you have to spend any more than minimal time on it. Secondly, colors communicate, and I need feedback from you in order to make your site communicate your message accurately. I think it helps us create a better site if you understand a little about what is possible and how things work. Also, this color tool page facilitates more precise communication. Please notice the ample quantity of shades of red, for example. I'm hoping that this tool will enable you to select a color scheme - at minimum, perhaps something general like 'black & red & teal & white' - in which case one of us has to pick the specific shades -- it can be either me or you, as you wish, although I reserve the right to attempt to talk you into or out of certain color schemes ;). When you are picking colors, if possible, stick to those that say 'SAFE'... the reason for this follows, if you are interested. All monitors are not created equal - what you see on your computer is not necessarily the same thing your neighbor sees. Some monitors are capable of more colors than others, and the differences between them can create problems -- with the worst case being 'dithering' which can make a site illegible... other issues to watch are that some patterns which look really great on new monitors, look dark, almost unintelligible, or washed out, on less-capable monitors. Back 'in the beginning' computer monitors could only display a couple colors. For example, on the Apple //e, you could have black, white, yellow, red, blue, orange, green -- that's all I remember but there must have been one more (to make 8). If you wanted purple, you had to alternate dots of red and orange (using alternating dots of 2 colors to fool the eye into seeing a 3rd color is 'dithering' and it's ok if you're doing it on purpose). Yes, computers can now display millions of colors on their monitors, but they don't yet all do it the same way. Until very recently, it was recommended that web sites limit their palette to 216 specific colors - the so-called 'browser safe' color set -- meaning that it was safe to assume that if you told the page to display a canary yellow, it would indeed be canary yellow on every else's screens, not gold or brownish, and not just plain yellow. There are enough colors in the 'safe' set that most of the time it is possible to stick with them, but sometimes it's not -- for example, it's very difficult to get a good earthtone palette using just 'safe' colors. Fortunately there is a fairly-new extension - the 'named colors', which permit a lot more freedom... however, although they are all supposed to be safe (except on dinosaur systems), some combinations still don't look quite right on older monitors and laptops, so whatever colors we are going to use should be tested together before we consider the choices final. The 'color chips' on this page are a combination of the (new) 'named' colors and the 'safe' colors. This is a tool I originally developed just for myself and am now developing to assist you. I started it for a site that used a primarily blue color scheme so I've integrated most of the blue 'named' and 'safe' colors. I've also picked out and integrated the majority of the greens and reds. However, there is a 'blob' of colors on the bottom of the page (before the start of this text) -- those are 'safe' colors which I still need to integrate / create 'color chips' for. Diane |