The current display color is deeppink
, so all examples below have had their HTML color code generated using deeppink
as the color.
Select a new color to generate the HTML code necessary to include it into your HTML document.
Here are examples of text color being set to deeppink
Source Code | Result |
---|---|
The color of this text is: DeepPink. The color of this text is inherited from its containing block, but the text inside this 'span' tag has been changed to DeepPink. The text inside this 'div' tag has a color of DeepPink.
|
Source Code | Result |
---|---|
The color of this paragraph is: DeepPink. The background color of this text is inherited from its containing block, but the background color of this 'span' tag has been changed to DeepPink. The background color of this 'div' tag is DeepPink.
|
Source Code | Result |
---|---|
This text has a border color of: DeepPink. The border of this text is inherited from its containing block, but this 'span' tag has a border with a color of DeepPink. The border color of this 'div' tag is DeepPink.
|
An outline is similar to a border, except that the outline is not actually part of the element - it simply draws an "outline" around the element.
Source Code | Result |
---|---|
This text has an outline color of: DeepPink. The outline of this text is inherited from its containing block, but this 'span' tag has an outline color of DeepPink. The outline color of this 'div' tag is DeepPink.
|
Pick a color from the chart to generate the HTML code for that color. Selecting a color will also change the background of the chart so that you can check how it looks against the other colors.
To select a color, click on the color name or its hexadecimal value.
Note that DeepPink
is an example of a color name. Although it is usually fine to use color names to define your colors, you might be better off using the corresponding hexadecimal value. This is because hex colors are more compatible with browsers, operating systems, etc.