Change background color:
Headings
Heading 1 in #00CC66.
Heading 2 in #00CC66.
Heading 2 in #00CC66.
Heading 2 in #00CC66.
Heading 2 in #00CC66.
Heading 2 in #00CC66.
You can also add your own text by typing over the top of the text.
Borders
Solid border, 1px
Dotted border, 1px
Dashed border, 1px
Solid border, 3px
Dotted border, 3px
Dashed border, 3px
Text Size
The font size of this text is 6px.
The font size of this text is 8px.
The font size of this text is 12px.
The font size of this text is 24px.
The font size of this text is 36px.
The font size of this text is 48px.
With a Text Shadow
The font size of this text is 6px.
The font size of this text is 8px.
The font size of this text is 12px.
The font size of this text is 24px.
The font size of this text is 36px.
The font size of this text is 48px.
Here's how #00CC66 looks when it's used as a background color.
Change the text color to see how the background looks with different text colors.
Change text color:
Try changing the color of this text to see how it looks with the #00CC66 background color.
You can also add your own text by typing over the top of this text.
Here's some extra text written in a smaller font size (12px).
You can add more text over the top of this to see how it looks at the smaller size.
This text is in White.
You can also add your own text by typing over the top of this text.
This text is in LightGrey.
You can also add your own text by typing over the top of this text.
This text is in Black.
You can also add your own text by typing over the top of this text.
This box has a linear gradient going from White to #00CC66.
You can also add your own text by typing over the top of this text.
This box has a linear gradient going from Black to #00CC66.
You can also add your own text by typing over the top of this text.
This box has a radial gradient going from White to #00CC66.
You can also add your own text by typing over the top of this text.
This box has a radial gradient going from Black to #00CC66.
You can also add your own text by typing over the top of this text.
You can change the selected color using the chart below.
Also, below are quick code examples of using CSS to apply this color to various HTML elements.
In these examples, .myExample
is simply a made up class name. Just replace that name with your own class name or element name as required.
For example, to apply the style to say, all instances of the h1
element, replace .myExample
with h1
. Like this: