Megan's Web Tips



Colors

I spent a lot of time going back and forth between saul and my Web page, changing background, text and link colors to see how they worked together (Not an easy task when you have only one phone line and you have to log off saul to check the color on the Web page!). Eventually, a kind soul told me about the color pages on the Web. They are wonderful! Because they often have lots of images or even Java programs embedded, they may take a little while to load, but they are usually worth it. A bonus tip: try and stick with light backgrounds and dark text, as that is usually easier to read. Black or brightly colored backgrounds (red, etc.) are tough on the eyes. If you have to use background images (tiled) and also want people to be able to read the text, then stick with ones that aren't too busy (light colored and colors all of similar hue).
Here are a few of the background color sites I suggest:


Color Center This site lets you play with the background color, text and link colors. You can try a background and then see what text colors go well with that background. You can get the color readout as hexadecimal, decimal or percent. If you have a value in any of those formats, you can also enter it to see how it displays (i.e., what color it is!) . Another feature for the terminally lazy is the display of the body tag corresponding to your current color choices, so if you want you can just copy and paste into your document. Of course, that isn't much help if you are creating a style sheet...

Color Cylinder This site is good if you are just browsing to see what colors display well. The site has a grid of the 8-bit colors-ones that should work on all browsers. Move the cursor over the color you like and it tells you the hexadecimal (RGB) and decimal color numbers. It shows the color gradations clearly, so you can see all of the different shades of blue right next to each other and compare.

Get Hexed If you have the decimal representation of a color and you need the hexadecimal (and don't want to convert by hand), you should visit Get Hexed. This is particularly good if you have been working with a graphics/paint program (such as Paint Shop Pro) and want to match something (background or text) on your page to a color in the graphic.

Web Developer's
Virtual Library
This isn't really color-related, but the site does have a lot of links to graphics and background images. Some of the listed sites are better than others, but there are enough to choose from to keep you busy for a while. Note that many of the sites ask you to give credit or link back to them when you use your graphics.



[Home] [Color] [Lists] [Miscellaneous]



Megan A. Taylor
Last modified March 3, 1998
URL: http://weber.u.washington.edu/~megant/color_tip.html

Valid HTML 3.2!