Color Values. In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three <div> elements have their background color set with RGB, HEX, and HSL values:

Use the style attribute for styling HTML elements; Use background-color for background color; Use color for text colors; Use font-family for text fonts; Use font-size for text sizes; Use text-align for text alignment

Text Color. The color property is used to set the color of the text. The color is specified by: a color name - like "red" a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" Look at CSS Color Values for a complete list of possible color values. The default text color for a page is defined in the body selector.

The background-color property sets the background color of an element. The background of an element is the total size of the element, including padding and border (but not the margin). Tip: Use a background color and a text color that makes the text easy to read.

The HTML style attribute is used to add styles to an element, such as color, font, size, and more. Read on how to change the color of text in this tutorial: …

In these chapters, you will learn about the following CSS background properties: background-color; background-image; background-repeat; background-attachment; background-position; background (shorthand property)

HTML Canvas Text Color. To set the color of the text on the canvas, we use two properties: fillStyle - defines the fill color for the text; strokeStyle - defines the color of the outline text

HTML Link Colors. By default, a link will appear like this (in all browsers): An unvisited link is underlined and blue; A visited link is underlined and purple; An active link is underlined and red; You can change the link state colors, by using CSS:

The <font> tag was used in HTML 4 to specify the font face, font size, and color of text.

background-color: #04AA6D; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}