Códigos de cores CSS

Códigos e nomes de cores CSS.

• Cores vermelhas
• Cores laranja
• Cores amarelas
• Cores verdes
• Cores ciano
• Cores azuis
• Cores roxas
• Cores rosa
• Cores brancas
• Cores cinza
• Cores castanhas

Cor CSS

O código de cores pode ser um dos seguintes:

Formato hex: #rrggbb

Formato RGB: rgb (vermelho, verde, azul)

Formato do nome : nome

Exemplo

Para cor laranja:

Formato hex: # FFA500

Formato RGB: rgb (255,165,0)

Formato do nome: laranja

Definindo a cor do elemento

Para elemento específico:

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

Para todos os elementos do mesmo tipo. Coloque o código na tag <style/ na seção head:

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

Exemplo

Definindo a cor do texto do parágrafo para vermelho:

Definir a cor do parágrafo específico:

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

Visão:

Algum texto ...

Definir a cor de todos os parágrafos

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

Definindo a cor de fundo do elemento

element { background: code; }

Exemplo

Definindo a cor de fundo do parágrafo para vermelho:

Definindo a cor de fundo de um parágrafo específico:

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

Visão:

Algum texto ...

Definir a cor de fundo de todos os parágrafos:

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

Definindo a cor da borda do elemento

element { border-color: topcode rightcode bottomcode leftcode }

Exemplo

Definindo a cor da borda do parágrafo para vermelho, verde, azul e preto:

Definindo a cor da borda do parágrafo específico:

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

Visão:

Algum texto ...

Definindo a cor da borda de todos os parágrafos:

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

Cores vermelhas

Cores laranja

Cores amarelas

Cores verdes

Cores ciano

Cores azuis

Cores roxas

Cores rosa

Cores brancas

Cores cinza

Cores castanhas

Veja também

• Barra de navegação CSS