Font Color - Inline Styles
Use this option if you only want to set the color of a small amount of text.
This code results in:
Normal font color different font color normal font color different background color
Font Color - Embedded Styles
Use this option if you have multiple blocks of text that all need to be the same color. A benefit of doing this is, if you later decide to change to a different color, you'll only need to do it in one place.
Note that you can set the font color for all paragraph text (or any other text) by using the element's name as the selector (i.e.
p
).This code results in:
Normal font color
different font color
normal font color
Font Color - External Style Sheet
If you need to set the font color for your whole website, you should use an external style sheet. You could transfer the contents of the above example into an external style sheet. Then, you can link to that style sheet from every page on your website.To learn more, check out this page on external style sheets.
Choosing your Colors
There are millions of different colors to choose from when creating color schemes for websites. The easiest way to choose your colors is to use this color picker.