HTML Color Code Generator: #F08080
The current display color is #f08080
, so all examples below have had their HTML color code generated using #f08080
as the color.
Change Color
Select a new color to generate the HTML code necessary to include it into your HTML document.
Text Color
Here are examples of text color being set to #f08080
Source Code | Result |
---|---|
The color of this text is: #F08080. The color of this text is inherited from its containing block, but the text inside this 'span' tag has been changed to #F08080. The text inside this 'div' tag has a color of #F08080.
|
Background Color
Source Code | Result |
---|---|
The color of this paragraph is: #F08080. The background color of this text is inherited from its containing block, but the background color of this 'span' tag has been changed to #F08080. The background color of this 'div' tag is #F08080.
|
Border Color
Source Code | Result |
---|---|
This text has a border color of: #F08080. The border of this text is inherited from its containing block, but this 'span' tag has a border with a color of #F08080. The border color of this 'div' tag is #F08080.
|
Outline Color
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: #F08080. The outline of this text is inherited from its containing block, but this 'span' tag has an outline color of #F08080. The outline color of this 'div' tag is #F08080.
|
Color Code Chart
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.
The currently selected color (#f08080
) is a hexadecimal value. Hexadecimal color codes are usually the best color values to use - as they are more compatible with browsers, operating systems, etc.