Códigos de cores CSS

Códigos e nomes de cores CSS.

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

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  salmão luminoso # FFA07A rgb (255,160,122)
  salmão # FA8072 rgb (250,128,114)
  Darksalmon # E9967A rgb (233,150,122)
  cor de luz # F08080 rgb (240,128,128)
  índio # CD5C5C rgb (205,92,92)
  carmesim # DC143C rgb (220,20,60)
  tijolo refratário # B22222 rgb (178,34,34)
  vermelho # FF0000 rgb (255,0,0)
  vermelho escuro # 8B0000 rgb (139,0,0)

Cores laranja

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  coral # FF7F50 rgb (255,127,80)
  tomate # FF6347 rgb (255,99,71)
  orangered # FF4500 rgb (255,69,0)
  ouro # FFD700 rgb (255,215,0)
  laranja # FFA500 rgb (255,165,0)
  laranja escuro # FF8C00 rgb (255,140,0)

Cores amarelas

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  luz amarela # FFFFE0 rgb (255,255,224)
  Lemonchiffon #FFFACD rgb (255,250,205)
  dourado claro # FAFAD2 rgb (250.250.210)
  papaia # FFEFD5 rgb (255,239,213)
  mocassim # FFE4B5 rgb (255,228,181)
  pêssego # FFDAB9 rgb (255.218.185)
  Palegoldenrod # EEE8AA rgb (238.232.170)
  cáqui # F0E68C rgb (240.230.140)
  cáqui escuro # BDB76B rgb (189,183,107)
  amarelo # FFFF00 rgb (255,255,0)

Cores verdes

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  Lawngreen # 7CFC00 rgb (124,252,0)
  chartreuse # 7FFF00 rgb (127,255,0)
  verde limão # 32CD32 rgb (50.205,50)
  Lima # 00FF00 rgb (0.255.0)
  verde floresta # 228B22 rgb (34,139,34)
  verde # 008000 rgb (0,128,0)
  verde escuro # 006400 rgb (0,100,0)
  verde amarelo # ADFF2F rgb (173,255,47)
  amarelo verde # 9ACD32 rgb (154.205,50)
  Primavera verde # 00FF7F rgb (0,255,127)
  mediumspringgreen # 00FA9A rgb (0,250,154)
  luz verde # 90EE90 rgb (144,238,144)
  verde pálido # 98FB98 rgb (152,251,152)
  verde escuro # 8FBC8F rgb (143,188,143)
  médio-verde # 3CB371 rgb (60,179,113)
  verde Mar # 2E8B57 rgb (46,139,87)
  Oliva # 808000 rgb (128,128,0)
  verde-escuro # 556B2F rgb (85,107,47)
  caranguejo # 6B8E23 rgb (107,142,35)

Cores ciano

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  Ciano claro # E0FFFF rgb (224.255.255)
  ciano # 00FFFF rgb (0,255,255)
  água # 00FFFF rgb (0,255,255)
  água-marinha # 7FFFD4 rgb (127,255,212)
  mediumaquamarine # 66CDAA rgb (102.205.170)
  paleturquesa #AFEEEE rgb (175,238,238)
  turquesa # 40E0D0 rgb (64.224.208)
  turquesa médio # 48D1CC rgb (72.209.204)
  turquesa escura # 00CED1 rgb (0,206,209)
  verde claro # 20B2AA rgb (32.178.170)
  cadetblue # 5F9EA0 rgb (95,158,160)
  darkcyan # 008B8B rgb (0,139,139)
  cerceta # 008080 rgb (0,128,128)

Cores azuis

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  Pó azul # B0E0E6 rgb (176.224.230)
  azul claro # ADD8E6 rgb (173.216.230)
  azul claro # 87CEFA rgb (135.206.250)
  céu azul # 87CEEB rgb (135.206.235)
  deepskyblue # 00BFFF rgb (0,191,255)
  azul claro # B0C4DE rgb (176,196,222)
  Trapaceiro azul # 1E90FF rgb (30,144,255)
  azul centáurea # 6495ED rgb (100,149,237)
  azul-aço # 4682B4 rgb (70,130,180)
  azul real # 4169E1 rgb (65,105,225)
  azul # 0000FF rgb (0,0,255)
  azul médio # 0000CD rgb (0,0,205)
  azul escuro # 00008B rgb (0,0,139)
  marinha # 000080 rgb (0,0,128)
  azul da meia noite # 191970 rgb (25,25,112)
  médio-azulado # 7B68EE rgb (123,104,238)
  azul ardósia # 6A5ACD rgb (106,90,205)
  darkslateblue # 483D8B rgb (72,61,139)

Cores roxas

Cor
 Nome da cor HTML / CSS
Código hexadecimal
 #RRGGBB
Código decimal
(R, G, B)
  lavanda # E6E6FA rgb (230.230.250)
  cardo # D8BFD8 rgb (216,191,216)
  ameixa # DDA0DD rgb (221,160,221)
  tolet # EE82EE rgb (238,130,238)
  orquídea # DA70D6 rgb (218,112,214)
  fúcsia # FF00FF rgb (255,0,255)
  magenta # FF00FF rgb (255,0,255)
  médiumorquídeo # BA55D3 rgb (186,85,211)
  médio púrpura # 9370DB rgb (147,112,219)
  blueviolet # 8A2BE2 rgb (138,43,226)
  darkviolet # 9400D3 rgb (148.0.211)
  darkorchid # 9932CC rgb (153,50,204)
  darkmagenta # 8B008B rgb (139,0,139)
  roxa # 800080 rgb (128,0,128)
  índigo # 4B0082 rgb (75,0,130)

Cores rosa

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  Rosa # FFC0CB rgb (255,192,203)
  luz rosa # FFB6C1 rgb (255,182,193)
  Rosa quente # FF69B4 rgb (255,105,180)
  Rosa escuro # FF1493 rgb (255,20,147)
  palevioletrado # DB7093 rgb (219,112,147)
  médio-violento # C71585 rgb (199,21,133)

Cores brancas

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  branco #FFFFFF rgb (255,255,255)
  neve #FFFAFA rgb (255,250,250)
  melada # F0FFF0 rgb (240.255.240)
  creme de hortelã # F5FFFA rgb (245.255.250)
  azul # F0FFFF rgb (240.255.255)
  aliceblue # F0F8FF rgb (240.248.255)
  fantasma branco # F8F8FF rgb (248.248.255)
  fumaça branca # F5F5F5 rgb (245.245.245)
  Concha do mar # FFF5EE rgb (255,245,238)
  bege # F5F5DC rgb (245.245.220)
  Oldlace # FDF5E6 rgb (253.245.230)
  branco floral # FFFAF0 rgb (255,250,240)
  marfim # FFFFF0 rgb (255,255,240)
  antiquado # FAEBD7 rgb (250,235,215)
  linho # FAF0E6 rgb (250.240.230)
  lavenderblush # FFF0F5 rgb (255,240,245)
  mistyrose # FFE4E1 rgb (255,228,225)

Cores cinza

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  Ginsboro #DCDCDC rgb (220.220.220)
  cinza claro # D3D3D3 rgb (211.211.211)
  prata # C0C0C0 rgb (192,192,192)
  cinza escuro # A9A9A9 rgb (169,169,169)
  cinzento # 808080 rgb (128,128,128)
  escurecer # 696969 rgb (105,105,105)
  raio de luz # 778899 rgb (119,136,153)
  ardósia cinza # 708090 rgb (112,128,144)
  Darkslategray # 2F4F4F rgb (47,79,79)
  Preto # 000000 rgb (0,0,0)

Cores castanhas

Cor
Nome da cor HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  seda de milho # FFF8DC rgb (255,248,220)
  amêndoa #FFEBCD rgb (255,235,205)
  bisque # FFE4C4 rgb (255,228,196)
  navajowhite #FFDEAD rgb (255,222,173)
  trigo # F5DEB3 rgb (245.222.179)
  Madeira robusta # DEB887 rgb (222.184.135)
  bronzeado # D2B48C rgb (210.180.140)
  rosybrown # BC8F8F rgb (188,143,143)
  castanho-arenoso # F4A460 rgb (244,164,96)
  Goldenrod # DAA520 rgb (218,165,32)
  Peru # CD853F rgb (205,133,63)
  chocolate # D2691E rgb (210,105,30)
  Saddlebrown # 8B4513 rgb (139,69,19)
  Siena # A0522D rgb (160,82,45)
  Castanho # A52A2A rgb (165,42,42)
  marrom # 800000 rgb (128,0,0)

 


Veja também

CSS
TABELAS RÁPIDAS