This example allows a preview of various text and background color combinations.
Select any of the text color or background color names below to see how that combination renders on this element.
Note the resulting CSS syntax for the style declaration.
div { background-color: khaki; color: navy }
| Background Color |
|
| Text Color |
|
These color options can be used with any element that the CSS color and background-color properties apply to.
The resulting CSS declaration is shown above.
NOTE: Specifying the color as a color name may not be recognized by some browsers.
To ensure that colors are displayed accurately with all browser versions, use the corresponding RGB color value instead.