How to Change Text Color in HTML

Making your web presence spectacular and memorable is dependent on a number of factors, not the least of which is color. Your color scheme blends and emphasizes or detracts from your message. Learn how to change the color of the text on your site in the HTML code. This will allow you to develop the page and then match the color of text on the page with the background.

Instructions

1. Select the background image or color for your web page. You will have a background image or color selected to set the mood of the page and perhaps the site. Not all colors of text will work with this color and so some experimentation will be required. Although you can select the text color based on color swatches it will not give you a true look of the text and background presented in the colors you are thinking about.

2. Learn the HTML tags that define color so you can find the correct tag in the raw HTML code and so you know what to change to preview new colors. Names of colors used are a small subset of the full number of available colors. The best choice for a particular color and shade is to use the hexadecimal color code. The HTML tag for setting color is < font color="#colorcode" > < /font >. You will be replacing the color code in the tag with the one you want to preview against the background image or color that your page.

3. Open the HTML coded page in notepad. Search for the font color tag that you are interested in checking the color of. Change the number of the color in the tag and save the file and then open it in a browser to see how it looks. If you want to run through a few color choices just repeat the process.

4. Check multiple choices all at once. Write down the color numbers that you are interested in and open the HTML file in notepad again. In a large section of text add the color tag at various places through the text, each time with a different color and then save the file and open it in a browser. Examine the look of each color in the text and pick the one that looks and appeals to you the best. Now go back and edit the HTML file and remove the tags that you added to test in step 4 and set the font color tag in the code to the color you have chosen.

5. Save the final HTML file, open it in a browser and view the final color choice for the text in the web page.