CSS color codes

CSS color codes and names.

CSS color

The color code can be one of:

Hex format: #rrggbb

RGB format: rgb(red, green, blue)

Name format: name

Example

For orange color:

Hex format: #FFA500

RGB format: rgb(255,165,0)

Name format: orange

Setting element color

For specific element:

<element style="color: code;"></element>

For all elements of the same type. Put code in <style> tag in the head section:

<style>
   element { color: code; }
</style>

Example

Setting paragraph text color to red:

Setting color of specific paragraph:

<p style="color: #FF0000;">Some text ...</p>

View:

Some text ...

Setting color of all paragraphs

<style>
   p { color: #FF0000; }
</style>

Setting element background color

element { background: code; }

Example

Setting paragraph background color to red:

Setting background color of specific paragraph:

<p style="background: #FF0000;">Some text ...</p>

View:

Some text ...

Setting background color of all paragraphs:

<style>
   p { background: #FF0000; }
</style>

Setting element border color

element { border-color: topcode rightcode bottomcode leftcode }

Example

Setting paragraph border color to red, green, blue and black:

Setting border color of specific paragraph:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

View:

Some text ...

Setting border color of all paragraphs:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

Red colors

Orange colors

Yellow colors

Green colors

Cyan colors

Blue colors

Purple colors

Pink colors

White colors

Gray colors

Brown colors