How to Add Color to HTML Text

Changing text color on a website requires a hexadecimal code.

Dressing up the text on your website can serve as an attention grabber. Altering the customary black lettering can help certain blocks of text standout. Making this change in the HTML code only requires one tag, and a preference of color.

Things You'll Need

• HTML editor

Instructions

1. Launch your HTML editor. Select "File" and "New" from the program's navigation bar. If you have a previously created HTML document, select "File" and "Open" instead.

2. Type your text in the HTML editor's window. The text can contain any letters, numbers or symbols.

3. Locate the text you want to color. Put your cursor before the first character in the block of text and type "<font color="#D41313">" (no quotes). "#D41313" is hex code for a shade of red. The hex color code link in the Resources section offers you thousands of different color options.

4. Determine the end of your colored text. Position your cursor at the end and close the open text tag by typing "</font>" (no quotes). Your HTML code should look similar to the following:

   <font color="#D41313">Your text here</font>

5. Select "File" and "Save" from the HTML editor's navigation menu. Preview the HTML document in your Internet browser before uploading it to the Web.

References

• W3 Schools: HTML Font Tag

Resources

• Hex Color Codes