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

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

• Barra de navegação CSS