Lista de Cores RGB - Todos os Nomes CSS, Códigos e Hex

Esta lista é um guia para todas as cores definidas no CSS e seus respectivos códigos RGB e Hexadecimal.

Em CSS, você pode definir uma cor de diversas formas:

• Pelo nome da cor, ex: black, white, red.
• Pelo código hexadecimal (forma mais comum), ex: #000000, #FFFFFF, #FF0000.
• Pela função rgb ou rgba, passando os valores RGB em decimal, ex: rgb(0, 0, 0), rgb(255, 255, 255).

Lista de cores RGB no CSS

Vermelho

Cor	Nome	RGB Hex	RGB Decimal
	lightsalmon	#FFA07A	rgb(255,160,122)
	salmon	#FA8072	rgb(250,128,114)
	darksalmon	#E9967A	rgb(233,150,122)
	lightcoral	#F08080	rgb(240,128,128)
	indianred	#CD5C5C	rgb(205,92,92)
	crimson	#DC143C	rgb(220,20,60)
	firebrick	#B22222	rgb(178,34,34)
	red	#FF0000	rgb(255,0,0)
	darkred	#8B0000	rgb(139,0,0)

Laranja

Cor	Nome	RGB Hex	RGB Decimal
	coral	#FF7F50	rgb(255,127,80)
	tomato	#FF6347	rgb(255,99,71)
	orangered	#FF4500	rgb(255,69,0)
	gold	#FFD700	rgb(255,215,0)
	orange	#FFA500	rgb(255,165,0)
	darkorange	#FF8C00	rgb(255,140,0)

Marrom

Cor	Nome	RGB Hex	RGB Decimal
	cornsilk	#FFF8DC	rgb(255,248,220)
	blanchedalmond	#FFEBCD	rgb(255,235,205)
	bisque	#FFE4C4	rgb(255,228,196)
	navajowhite	#FFDEAD	rgb(255,222,173)
	wheat	#F5DEB3	rgb(245,222,179)
	burlywood	#DEB887	rgb(222,184,135)
	tan	#D2B48C	rgb(210,180,140)
	rosybrown	#BC8F8F	rgb(188,143,143)
	sandybrown	#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)
	sienna	#A0522D	rgb(160,82,45)
	brown	#A52A2A	rgb(165,42,42)
	maroon	#800000	rgb(128,0,0)

Amarelo

Cor	Nome	RGB Hex	RGB Decimal
	lightyellow	#FFFFE0	rgb(255,255,224)
	lemonchiffon	#FFFACD	rgb(255,250,205)
	lightgoldenrodyellow	#FAFAD2	rgb(250,250,210)
	papayawhip	#FFEFD5	rgb(255,239,213)
	moccasin	#FFE4B5	rgb(255,228,181)
	peachpuff	#FFDAB9	rgb(255,218,185)
	palegoldenrod	#EEE8AA	rgb(238,232,170)
	khaki	#F0E68C	rgb(240,230,140)
	darkkhaki	#BDB76B	rgb(189,183,107)
	yellow	#FFFF00	rgb(255,255,0)

Verde

Cor	Nome	RGB Hex	RGB Decimal
	lawngreen	#7CFC00	rgb(124,252,0)
	chartreuse	#7FFF00	rgb(127,255,0)
	limegreen	#32CD32	rgb(50,205,50)
	lime	#00FF00	rgb(0.255.0)
	forestgreen	#228B22	rgb(34,139,34)
	green	#008000	rgb(0,128,0)
	darkgreen	#006400	rgb(0,100,0)
	greenyellow	#ADFF2F	rgb(173,255,47)
	yellowgreen	#9ACD32	rgb(154,205,50)
	springgreen	#00FF7F	rgb(0,255,127)
	mediumspringgreen	#00FA9A	rgb(0,250,154)
	lightgreen	#90EE90	rgb(144,238,144)
	palegreen	#98FB98	rgb(152,251,152)
	darkseagreen	#8FBC8F	rgb(143,188,143)
	mediumseagreen	#3CB371	rgb(60,179,113)
	seagreen	#2E8B57	rgb(46,139,87)
	olive	#808000	rgb(128,128,0)
	darkolivegreen	#556B2F	rgb(85,107,47)
	olivedrab	#6B8E23	rgb(107,142,35)

Ciano

Cor	Nome	RGB Hex	RGB Decimal
	lightcyan	#E0FFFF	rgb(224,255,255)
	cyan	#00FFFF	rgb(0,255,255)
	aqua	#00FFFF	rgb(0,255,255)
	aquamarine	#7FFFD4	rgb(127,255,212)
	mediumaquamarine	#66CDAA	rgb(102,205,170)
	paleturquoise	#AFEEEE	rgb(175,238,238)
	turquoise	#40E0D0	rgb(64,224,208)
	mediumturquoise	#48D1CC	rgb(72,209,204)
	darkturquoise	#00CED1	rgb(0,206,209)
	lightseagreen	#20B2AA	rgb(32,178,170)
	cadetblue	#5F9EA0	rgb(95,158,160)
	darkcyan	#008B8B	rgb(0,139,139)
	teal	#008080	rgb(0,128,128)

Azul

Cor	Nome	RGB Hex	RGB Decimal
	powderblue	#B0E0E6	rgb(176,224,230)
	lightblue	#ADD8E6	rgb(173,216,230)
	lightskyblue	#87CEFA	rgb(135,206,250)
	skyblue	#87CEEB	rgb(135,206,235)
	deepskyblue	#00BFFF	rgb(0,191,255)
	lightsteelblue	#B0C4DE	rgb(176,196,222)
	dodgerblue	#1E90FF	rgb(30,144,255)
	cornflowerblue	#6495ED	rgb(100,149,237)
	steelblue	#4682B4	rgb(70,130,180)
	royalblue	#4169E1	rgb(65,105,225)
	blue	#0000FF	rgb(0,0,255)
	mediumblue	#0000CD	rgb(0,0,205)
	darkblue	#00008B	rgb(0,0,139)
	navy	#000080	rgb(0,0,128)
	midnightblue	#191970	rgb(25,25,112)
	mediumslateblue	#7B68EE	rgb(123,104,238)
	slateblue	#6A5ACD	rgb(106,90,205)
	darkslateblue	#483D8B	rgb(72,61,139)

Roxo

Cor	Nome	RGB Hex	RGB Decimal
	lavender	#E6E6FA	rgb(230,230,250)
	thistle	#D8BFD8	rgb(216,191,216)
	plum	#DDA0DD	rgb(221,160,221)
	violet	#EE82EE	rgb(238,130,238)
	orchid	#DA70D6	rgb(218,112,214)
	fuchsia	#FF00FF	rgb(255,0,255)
	magenta	#FF00FF	rgb(255,0,255)
	mediumorchid	#BA55D3	rgb(186,85,211)
	mediumpurple	#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)
	purple	#800080	rgb(128,0,128)
	indigo	#4B0082	rgb(75,0,130)

Rosa

Cor	Nome	RGB Hex	RGB Decimal
	pink	#FFC0CB	rgb(255,192,203)
	lightpink	#FFB6C1	rgb(255,182,193)
	hotpink	#FF69B4	rgb(255,105,180)
	deeppink	#FF1493	rgb(255,20,147)
	palevioletred	#DB7093	rgb(219,112,147)
	mediumvioletred	#C71585	rgb(199,21,133)

Branco

Cor	Nome	RGB Hex	RGB Decimal
	white	#FFFFFF	rgb(255,255,255)
	snow	#FFFAFA	rgb(255,250,250)
	honeydew	#F0FFF0	rgb(240,255,240)
	mintcream	#F5FFFA	rgb(245,255,250)
	azure	#F0FFFF	rgb(240,255,255)
	aliceblue	#F0F8FF	rgb(240,248,255)
	ghostwhite	#F8F8FF	rgb(248,248,255)
	whitesmoke	#F5F5F5	rgb(245,245,245)
	seashell	#FFF5EE	rgb(255,245,238)
	beige	#F5F5DC	rgb(245,245,220)
	oldlace	#FDF5E6	rgb(253,245,230)
	floralwhite	#FFFAF0	rgb(255,250,240)
	ivory	#FFFFF0	rgb(255,255,240)
	antiquewhite	#FAEBD7	rgb(250,235,215)
	linen	#FAF0E6	rgb(250,240,230)
	lavenderblush	#FFF0F5	rgb(255,240,245)
	mistyrose	#FFE4E1	rgb(255,228,225)

Cinza

Cor	Nome	RGB Hex	RGB Decimal
	gainsboro	#DCDCDC	rgb(220,220,220)
	lightgray / lightgrey	#D3D3D3	rgb(211,211,211)
	silver	#C0C0C0	rgb(192,192,192)
	darkgray / darkgrey	#A9A9A9	rgb(169,169,169)
	gray / grey	#808080	rgb(128,128,128)
	dimgray / dimgrey	#696969	rgb(105,105,105)
	lightslategray / lightslategrey	#778899	rgb(119,136,153)
	slategray / slategrey	#708090	rgb(112,128,144)
	darkslategray / darkslategrey	#2F4F4F	rgb(47,79,79)
	black	#000000	rgb(0,0,0)

Como funciona o RGB?

RGB significa "Red, Green, Blue", ou seja: "Vermelho, Verde, Azul". São três valores, que podem ser representados com inteiros de 0-255, no formato (255, 0, 0) (vermelho = 255, verde = 0, azul = 0), por exemplo. Ou hexadecimal, de 00-FF: #FF0000 (vermelho = FF, verde = 0, azul = 0).

Quando definimos um valor alto para a cor vermelho, por exemplo, e anulamos os valores de verde e azul na ordem da sigla RGB, nós criamos a cor vermelho. Se fizermos (0, 0, 255), vamos criar a cor azul.

Como aplicar a cor em um estilo CSS

Para aplicar uma cor, você deverá definir um estilo CSS, o que pode fazer de três maneiras:

Através de um estilo inline:

<span style="color: green">Olá mundo</span>

Através da tag style:

<style>
	span.text {
		color: green;
	}
</style>

<span class="green">Olá mundo</span>

Através de uma folha de estilos, ex: styles.css:

span.text {
	color: green;
}