The Color Scrollbar Generator (below) will provide the style code you need to add to your web pages. The colors chosen on this page are for demonstration only. Notice the contrast of the bright green face against the yellow track. High contrast here is important to make the bar stand out from the track. You've probably seen pages where the scroll bar disappeared in the track because the colors were similar. It creates confusion by giving the impression that there is no scrolling on the page. Avoid this by selecting high contrast combinations. Keep in mind the meaning of colors discussed earlier and the color scheme used on your site. Also note the embedding effect that is created by the lighter top and left color (white #FFFFFF) as opposed to the darker bottom and right color (red #FF0000) chosen. Click on the "Color Values" button below to open a popup window displaying the 216 web safe colors. "Drag and Drop" the hexadecimal code to the scroll bar property box you want to be that color. After selecting all of your colors, click the "Create" button, copy the code and paste it either to your HTML page between the <head> and </head> tags or remove the "<STYLE type="text/css"> <!----></STYLE>" lines and paste it onto your CSS style sheet.