Text Color Generator

Use the following HTML text color generator to change the color of the text on your website.

Also see the Text Generator for applying more styles to your text. Also, you can use the Text Color Editor if you need to change the color only to a part of the text.

Text Color:
Text Element:

The Code

Here is the code that was generated:

In HTML, text color is specified using Cascading Style Sheets (CSS). In particular, the color property is used to specify the text color, and the background-color specifies the background color. Here, you can choose which element to place your text inside. The text color generator above automatically creates these properties, as well as the relevant HTML element for enclosing the text.

Customizing The HTML

You can find more colors using this color picker and this color chart.

For an explanation of the HTML text elements listed above, check out this list of HTML Tags.

You can always customize your code even after you've created it using the above generator. For example, you might want to apply a color to the <body> element or other element.

Also, check out the HTML Table Generator for applying color to the text within a table.

Customizing The CSS

The CSS is the code between the <style></style> tags. These are the codes that determine styles of your text (which includes its color). You can change the CSS properties (or add new ones) as you like.

If you intend to use the same styles across many pages (a whole website, for example), you should move them to an external style sheet.


You may also be interested in this Text Generator and this Text Color Editor.