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:

Background Color. The CSS background-color property defines the background color for an HTML element.

Text Color and Background Color. In this example, we define both the background-color property and the color property:

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.

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)

The W3Schools online code editor allows you to edit code and view the result in your browser

Code Editor (Try it) With our online code editor, you can edit code and view the result in your browser

In HTML, a color can be specified using a hexadecimal value in the form: # rrggbb Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255).

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: …

With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!