Background File and Text Selection Page

As we all know, certain elements in tiled images often have a tendency to gobble up text of different colors, and thus, this test page was designed with a fixed background, too allow you to scroll the text colors over the tiled background image, to make sure that the text does not lose resolution over the image at any point. Some browsers may not support the fixed background function, this table is best used in Microsoft Explorer.

 
Mouse over these images, and the background will change

 

Free JavaScripts provided
by The JavaScript Source

Text Test Page

To use this handy test page save the Source HTML to a file of your choosing. Open a new page in your web editing software, and paste the saved file as HTML to the new page. Select the Background Image of your choosing and load to the html page at the specified location in the HTML. Or, if you're using MS FrontPage, right click on the page, select "Page Properties", then "Background", then "Browse" to select the background image file from your images folder.

Simply scroll the below sample table up or down over the tiled image background of choice to see how the text colors look over the tiled image at different locations.

If you want plain colors in your background see my - Page Designer 1

Need a chart for selection of background or text colors - Websymmetry Color Chart

 

 

THIS IS BOLD TEXT

This is text in DarkGreen
(#006400)

This is text in SpringGreen
(#00FF7F)

This is text in Chartreuse
(#7FFF00)

This is text in Yellow
(#FFFF00)

This is text in Gold
(#FFD700)

This is text in Orange
(#FFA500)

This is text in DarkOrange
(#FF8C00)

This is text in Silver
(#C0C0C0)

This is text in LightGray
(#CCCCCC)

This is text in Gray
(#808080)

This is text in LightSlate Gray
(#778899)

This is text in DarkSlateGray
(#2F4F4F)

This is text in Black
(#000000)

This is text in Navy
(#000080)

This is text in RoyalBlue
(#4169E1)

This is text in Blue
(#0000FF)

This is text in SkyBlue
(#87CEEB)

This is text in LightBlue
(#ADD8E6)

This is text in Aqua
(#00FFFF)

This is text in PaleTurquoise
(#AFEEEE)

This is text in PowderBlue
(#B0E0E6)

This is text in Red
(#FF0000)

This is text in DarkRed
(#8b00000)

This is text in Maroon
(#800000)

This is text in Purple
(#800080)

This is text in Fuchsia
(#FF00FF)

This is text in HotPink
(#FF69B4)

This is text in AliceBlue
(#F0F8FF)

This is text in White
(#FFFFFF)

This is text in MintCream
(#F5FFFA)

 

This Is Standard Text


This is text in DarkGreen
(#006400)

This is text in SpringGreen
(#00FF7F)

This is text in Chartreuse
(#7FFF00)

This is text in Yellow
(#FFFF00)

This is text in Gold
(#FFD700)

This is text in Orange
(#FFA500)

This is text in DarkOrange
(#FF8C00)

This is text in Silver
(#C0C0C0)

This is text in LightGray
(#CCCCCC)

This is text in Gray
(#808080)

This is text in LightSlate Gray
(#778899)

This is text in DarkSlateGray
(#2F4F4F)

This is text in Black
(#000000)

This is text in Navy
(#000080)

This is text in RoyalBlue
(#4169E1)

This is text in Blue
(#0000FF)

This is text in SkyBlue
(#87CEEB)

This is text in LightBlue
(#ADD8E6)

This is text in Aqua
(#00FFFF)

This is text in PaleTurquoise
(#AFEEEE)

This is text in PowderBlue
(#B0E0E6)

This is text in Red
(#FF0000)

This is text in DarkRed
(#8b00000)

This is text in Maroon
(#800000)

This is text in Purple
(#800080)

This is text in Fuchsia
(#FF00FF)

This is text in HotPink
(#FF69B4)

This is text in AliceBlue
(#F0F8FF)

This is text in White
(#FFFFFF)

This is text in MintCream
(#F5FFFA)