HTML Color Code Generator: #FF00FF
The current display color is #ff00ff, so all examples below have had their HTML color code generated using #ff00ff 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 #ff00ff
| Source Code | Result |
|---|---|
|
The color of this text is: #FF00FF. The color of this text is inherited from its containing block, but the text inside this 'span' tag has been changed to #FF00FF. The text inside this 'div' tag has a color of #FF00FF.
|
Background Color
| Source Code | Result |
|---|---|
|
The color of this paragraph is: #FF00FF. The background color of this text is inherited from its containing block, but the background color of this 'span' tag has been changed to #FF00FF. The background color of this 'div' tag is #FF00FF.
|
Border Color
| Source Code | Result |
|---|---|
|
This text has a border color of: #FF00FF. The border of this text is inherited from its containing block, but this 'span' tag has a border with a color of #FF00FF. The border color of this 'div' tag is #FF00FF.
|
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: #FF00FF. The outline of this text is inherited from its containing block, but this 'span' tag has an outline color of #FF00FF. The outline color of this 'div' tag is #FF00FF.
|
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 (#ff00ff) 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.