Tabela de Cores HTML, HEX e RGB

Consulte cores HTML e seus códigos HEX, RGB e HSL. Pesquise, copie códigos e converta cores online.

Cor selecionada

HEX#1E90FF

RGBrgb(30, 144, 255)

HSLhsl(210, 100%, 56%)

Conversor de Cores

Informe HEX, RGB ou HSL (também aceita #FFF, rgb(), rgba(), hsl(), hsla() e nomes como red). A conversão acontece no seu navegador.

Digite um código de cor

Tabela de Cores HTML

Pesquise por nome (gray ou grey), HEX ou RGB, filtre por família e clique na amostra para usar a cor no seletor. Nomes com o selo X11, como grey11, não funcionam em CSS: use o HEX.

146 cores

Cores nomeadas do CSS com códigos HEX, RGB e HSL
Nome	HEX	RGB	HSL
aliceblue	#F0F8FF	rgb(240, 248, 255)	hsl(208, 100%, 97%)
antiquewhite	#FAEBD7	rgb(250, 235, 215)	hsl(34, 78%, 91%)
aqua	#00FFFF	rgb(0, 255, 255)	hsl(180, 100%, 50%)
aquamarine	#7FFFD4	rgb(127, 255, 212)	hsl(160, 100%, 75%)
azure	#F0FFFF	rgb(240, 255, 255)	hsl(180, 100%, 97%)
beige	#F5F5DC	rgb(245, 245, 220)	hsl(60, 56%, 91%)
bisque	#FFE4C4	rgb(255, 228, 196)	hsl(33, 100%, 88%)
black	#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)
blanchedalmond	#FFEBCD	rgb(255, 235, 205)	hsl(36, 100%, 90%)
blue	#0000FF	rgb(0, 0, 255)	hsl(240, 100%, 50%)
blueviolet	#8A2BE2	rgb(138, 43, 226)	hsl(271, 76%, 53%)
brown	#A52A2A	rgb(165, 42, 42)	hsl(0, 59%, 41%)
burlywood	#DEB887	rgb(222, 184, 135)	hsl(34, 57%, 70%)
cadetblue	#5F9EA0	rgb(95, 158, 160)	hsl(182, 25%, 50%)
chartreuse	#7FFF00	rgb(127, 255, 0)	hsl(90, 100%, 50%)
chocolate	#D2691E	rgb(210, 105, 30)	hsl(25, 75%, 47%)
coral	#FF7F50	rgb(255, 127, 80)	hsl(16, 100%, 66%)
cornflowerblue	#6495ED	rgb(100, 149, 237)	hsl(219, 79%, 66%)
cornsilk	#FFF8DC	rgb(255, 248, 220)	hsl(48, 100%, 93%)
crimson	#DC143C	rgb(220, 20, 60)	hsl(348, 83%, 47%)
cyan	#00FFFF	rgb(0, 255, 255)	hsl(180, 100%, 50%)
darkblue	#00008B	rgb(0, 0, 139)	hsl(240, 100%, 27%)
darkcyan	#008B8B	rgb(0, 139, 139)	hsl(180, 100%, 27%)
darkgoldenrod	#B8860B	rgb(184, 134, 11)	hsl(43, 89%, 38%)
darkgray	#A9A9A9	rgb(169, 169, 169)	hsl(0, 0%, 66%)
darkgreen	#006400	rgb(0, 100, 0)	hsl(120, 100%, 20%)
darkkhaki	#BDB76B	rgb(189, 183, 107)	hsl(56, 38%, 58%)
darkmagenta	#8B008B	rgb(139, 0, 139)	hsl(300, 100%, 27%)
darkolivegreen	#556B2F	rgb(85, 107, 47)	hsl(82, 39%, 30%)
darkorange	#FF8C00	rgb(255, 140, 0)	hsl(33, 100%, 50%)
darkorchid	#9932CC	rgb(153, 50, 204)	hsl(280, 61%, 50%)
darkred	#8B0000	rgb(139, 0, 0)	hsl(0, 100%, 27%)
darksalmon	#E9967A	rgb(233, 150, 122)	hsl(15, 72%, 70%)
darkseagreen	#8FBC8F	rgb(143, 188, 143)	hsl(120, 25%, 65%)
darkslateblue	#483D8B	rgb(72, 61, 139)	hsl(248, 39%, 39%)
darkslategray	#2F4F4F	rgb(47, 79, 79)	hsl(180, 25%, 25%)
darkturquoise	#00CED1	rgb(0, 206, 209)	hsl(181, 100%, 41%)
darkviolet	#9400D3	rgb(148, 0, 211)	hsl(282, 100%, 41%)
deeppink	#FF1493	rgb(255, 20, 147)	hsl(328, 100%, 54%)
deepskyblue	#00BFFF	rgb(0, 191, 255)	hsl(195, 100%, 50%)
dimgray	#696969	rgb(105, 105, 105)	hsl(0, 0%, 41%)
dodgerblue	#1E90FF	rgb(30, 144, 255)	hsl(210, 100%, 56%)
firebrick	#B22222	rgb(178, 34, 34)	hsl(0, 68%, 42%)
floralwhite	#FFFAF0	rgb(255, 250, 240)	hsl(40, 100%, 97%)
forestgreen	#228B22	rgb(34, 139, 34)	hsl(120, 61%, 34%)
fuchsia	#FF00FF	rgb(255, 0, 255)	hsl(300, 100%, 50%)
gainsboro	#DCDCDC	rgb(220, 220, 220)	hsl(0, 0%, 86%)
ghostwhite	#F8F8FF	rgb(248, 248, 255)	hsl(240, 100%, 99%)
gold	#FFD700	rgb(255, 215, 0)	hsl(51, 100%, 50%)
goldenrod	#DAA520	rgb(218, 165, 32)	hsl(43, 74%, 49%)
gray	#808080	rgb(128, 128, 128)	hsl(0, 0%, 50%)
green	#008000	rgb(0, 128, 0)	hsl(120, 100%, 25%)
greenyellow	#ADFF2F	rgb(173, 255, 47)	hsl(84, 100%, 59%)
grey11 X11	#1C1C1C	rgb(28, 28, 28)	hsl(0, 0%, 11%)
grey21 X11	#363636	rgb(54, 54, 54)	hsl(0, 0%, 21%)
grey31 X11	#4F4F4F	rgb(79, 79, 79)	hsl(0, 0%, 31%)
honeydew	#F0FFF0	rgb(240, 255, 240)	hsl(120, 100%, 97%)
hotpink	#FF69B4	rgb(255, 105, 180)	hsl(330, 100%, 71%)
indianred	#CD5C5C	rgb(205, 92, 92)	hsl(0, 53%, 58%)
indigo	#4B0082	rgb(75, 0, 130)	hsl(275, 100%, 25%)
ivory	#FFFFF0	rgb(255, 255, 240)	hsl(60, 100%, 97%)
khaki	#F0E68C	rgb(240, 230, 140)	hsl(54, 77%, 75%)
lavender	#E6E6FA	rgb(230, 230, 250)	hsl(240, 67%, 94%)
lavenderblush	#FFF0F5	rgb(255, 240, 245)	hsl(340, 100%, 97%)
lawngreen	#7CFC00	rgb(124, 252, 0)	hsl(90, 100%, 49%)
lemonchiffon	#FFFACD	rgb(255, 250, 205)	hsl(54, 100%, 90%)
lightblue	#ADD8E6	rgb(173, 216, 230)	hsl(195, 53%, 79%)
lightcoral	#F08080	rgb(240, 128, 128)	hsl(0, 79%, 72%)
lightcyan	#E0FFFF	rgb(224, 255, 255)	hsl(180, 100%, 94%)
lightgoldenrodyellow	#FAFAD2	rgb(250, 250, 210)	hsl(60, 80%, 90%)
lightgray	#D3D3D3	rgb(211, 211, 211)	hsl(0, 0%, 83%)
lightgreen	#90EE90	rgb(144, 238, 144)	hsl(120, 73%, 75%)
lightpink	#FFB6C1	rgb(255, 182, 193)	hsl(351, 100%, 86%)
lightsalmon	#FFA07A	rgb(255, 160, 122)	hsl(17, 100%, 74%)
lightseagreen	#20B2AA	rgb(32, 178, 170)	hsl(177, 70%, 41%)
lightskyblue	#87CEFA	rgb(135, 206, 250)	hsl(203, 92%, 75%)
lightslategray	#778899	rgb(119, 136, 153)	hsl(210, 14%, 53%)
lightsteelblue	#B0C4DE	rgb(176, 196, 222)	hsl(214, 41%, 78%)
lightyellow	#FFFFE0	rgb(255, 255, 224)	hsl(60, 100%, 94%)
lime	#00FF00	rgb(0, 255, 0)	hsl(120, 100%, 50%)
limegreen	#32CD32	rgb(50, 205, 50)	hsl(120, 61%, 50%)
linen	#FAF0E6	rgb(250, 240, 230)	hsl(30, 67%, 94%)
magenta	#FF00FF	rgb(255, 0, 255)	hsl(300, 100%, 50%)
maroon	#800000	rgb(128, 0, 0)	hsl(0, 100%, 25%)
mediumaquamarine	#66CDAA	rgb(102, 205, 170)	hsl(160, 51%, 60%)
mediumblue	#0000CD	rgb(0, 0, 205)	hsl(240, 100%, 40%)
mediumorchid	#BA55D3	rgb(186, 85, 211)	hsl(288, 59%, 58%)
mediumpurple	#9370DB	rgb(147, 112, 219)	hsl(260, 60%, 65%)
mediumseagreen	#3CB371	rgb(60, 179, 113)	hsl(147, 50%, 47%)
mediumslateblue	#7B68EE	rgb(123, 104, 238)	hsl(249, 80%, 67%)
mediumspringgreen	#00FA9A	rgb(0, 250, 154)	hsl(157, 100%, 49%)
mediumturquoise	#48D1CC	rgb(72, 209, 204)	hsl(178, 60%, 55%)
mediumvioletred	#C71585	rgb(199, 21, 133)	hsl(322, 81%, 43%)
midnightblue	#191970	rgb(25, 25, 112)	hsl(240, 64%, 27%)
mintcream	#F5FFFA	rgb(245, 255, 250)	hsl(150, 100%, 98%)
mistyrose	#FFE4E1	rgb(255, 228, 225)	hsl(6, 100%, 94%)
moccasin	#FFE4B5	rgb(255, 228, 181)	hsl(38, 100%, 85%)
navajowhite	#FFDEAD	rgb(255, 222, 173)	hsl(36, 100%, 84%)
navy	#000080	rgb(0, 0, 128)	hsl(240, 100%, 25%)
oldlace	#FDF5E6	rgb(253, 245, 230)	hsl(39, 85%, 95%)
olive	#808000	rgb(128, 128, 0)	hsl(60, 100%, 25%)
olivedrab	#6B8E23	rgb(107, 142, 35)	hsl(80, 60%, 35%)
orange	#FFA500	rgb(255, 165, 0)	hsl(39, 100%, 50%)
orangered	#FF4500	rgb(255, 69, 0)	hsl(16, 100%, 50%)
orchid	#DA70D6	rgb(218, 112, 214)	hsl(302, 59%, 65%)
palegoldenrod	#EEE8AA	rgb(238, 232, 170)	hsl(55, 67%, 80%)
palegreen	#98FB98	rgb(152, 251, 152)	hsl(120, 93%, 79%)
paleturquoise	#AFEEEE	rgb(175, 238, 238)	hsl(180, 65%, 81%)
palevioletred	#DB7093	rgb(219, 112, 147)	hsl(340, 60%, 65%)
papayawhip	#FFEFD5	rgb(255, 239, 213)	hsl(37, 100%, 92%)
peachpuff	#FFDAB9	rgb(255, 218, 185)	hsl(28, 100%, 86%)
peru	#CD853F	rgb(205, 133, 63)	hsl(30, 59%, 53%)
pink	#FFC0CB	rgb(255, 192, 203)	hsl(350, 100%, 88%)
plum	#DDA0DD	rgb(221, 160, 221)	hsl(300, 47%, 75%)
powderblue	#B0E0E6	rgb(176, 224, 230)	hsl(187, 52%, 80%)
purple	#800080	rgb(128, 0, 128)	hsl(300, 100%, 25%)
rebeccapurple	#663399	rgb(102, 51, 153)	hsl(270, 50%, 40%)
red	#FF0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
rosybrown	#BC8F8F	rgb(188, 143, 143)	hsl(0, 25%, 65%)
royalblue	#4169E1	rgb(65, 105, 225)	hsl(225, 73%, 57%)
saddlebrown	#8B4513	rgb(139, 69, 19)	hsl(25, 76%, 31%)
salmon	#FA8072	rgb(250, 128, 114)	hsl(6, 93%, 71%)
sandybrown	#F4A460	rgb(244, 164, 96)	hsl(28, 87%, 67%)
seagreen	#2E8B57	rgb(46, 139, 87)	hsl(146, 50%, 36%)
seashell	#FFF5EE	rgb(255, 245, 238)	hsl(25, 100%, 97%)
sienna	#A0522D	rgb(160, 82, 45)	hsl(19, 56%, 40%)
silver	#C0C0C0	rgb(192, 192, 192)	hsl(0, 0%, 75%)
skyblue	#87CEEB	rgb(135, 206, 235)	hsl(197, 71%, 73%)
slateblue	#6A5ACD	rgb(106, 90, 205)	hsl(248, 53%, 58%)
slateblue1 X11	#836FFF	rgb(131, 111, 255)	hsl(248, 100%, 72%)
slateblue3 X11	#6959CD	rgb(105, 89, 205)	hsl(248, 54%, 58%)
slategray	#708090	rgb(112, 128, 144)	hsl(210, 13%, 50%)
snow	#FFFAFA	rgb(255, 250, 250)	hsl(0, 100%, 99%)
springgreen	#00FF7F	rgb(0, 255, 127)	hsl(150, 100%, 50%)
steelblue	#4682B4	rgb(70, 130, 180)	hsl(207, 44%, 49%)
tan	#D2B48C	rgb(210, 180, 140)	hsl(34, 44%, 69%)
teal	#008080	rgb(0, 128, 128)	hsl(180, 100%, 25%)
thistle	#D8BFD8	rgb(216, 191, 216)	hsl(300, 24%, 80%)
tomato	#FF6347	rgb(255, 99, 71)	hsl(9, 100%, 64%)
turquoise	#40E0D0	rgb(64, 224, 208)	hsl(174, 72%, 56%)
violet	#EE82EE	rgb(238, 130, 238)	hsl(300, 76%, 72%)
wheat	#F5DEB3	rgb(245, 222, 179)	hsl(39, 77%, 83%)
white	#FFFFFF	rgb(255, 255, 255)	hsl(0, 0%, 100%)
whitesmoke	#F5F5F5	rgb(245, 245, 245)	hsl(0, 0%, 96%)
yellow	#FFFF00	rgb(255, 255, 0)	hsl(60, 100%, 50%)
yellowgreen	#9ACD32	rgb(154, 205, 50)	hsl(80, 61%, 50%)

Gerador de Paleta de Cores

Cinco cores geradas a partir da cor do seletor (a aleatória ignora a cor escolhida).

Gerador de Gradiente CSS

Cor inicial

Cor final

Direção

Verificador de Contraste

Razão de contraste entre texto e fundo, conforme as diretrizes WCAG 2.x.

Cor do texto

Cor do fundo

Texto normal (16px): a rápida raposa marrom pula sobre o cão preguiçoso.

Texto grande (24px)

Como usar códigos de cores em HTML e CSS

HEX escreve a cor como #RRGGBB: dois dígitos hexadecimais (00 a FF) para vermelho, verde e azul. #FFF é a forma curta de #FFFFFF, válida quando cada par repete o dígito.

RGB usa os mesmos três canais em decimal, de 0 a 255: rgb(30, 144, 255). É o mesmo azul de #1E90FF.

HSL descreve a cor por matiz (0° a 360°), saturação e luminosidade (em %): hsl(210, 100%, 56%). É o formato mais prático para criar variações mais claras, escuras ou menos intensas da mesma cor.

Os três formatos representam as mesmas cores. Em CSS, use qualquer um onde uma cor é aceita: color: #1E90FF;, background-color: rgb(30, 144, 255); ou border-color: hsl(210, 100%, 56%);. Cores nomeadas, como dodgerblue, também funcionam e estão na tabela acima.

Como encontrar e copiar uma cor?

Escolha uma cor no seletor, ou clique na amostra de qualquer cor da tabela.
Copie o HEX, o RGB ou o HSL com o botão ao lado de cada valor.
Para uma cor específica, pesquise por nome, HEX ou RGB, ou filtre a tabela por família.

Exemplos

Você digita	Resultado
`#FFF`	#FFFFFF, rgb(255, 255, 255)
`30, 144, 255`	#1E90FF, hsl(210, 100%, 56%)
`hsl(0, 100%, 50%)`	#FF0000, rgb(255, 0, 0)
`red`	#FF0000

Perguntas frequentes

Qual a diferença entre HEX e RGB?

Nenhuma na cor final. HEX é só outra forma de escrever os mesmos valores de vermelho, verde e azul, em base 16 em vez de decimal.

Quando usar HSL?

Quando você quer ajustar uma cor: mudar a luminosidade deixa a mesma cor mais clara ou escura sem mexer nos três canais RGB.

O que é #FFF?

É a notação curta de #FFFFFF, o branco. O formato curto só existe quando cada par de dígitos é repetido.

A conversão usa algum serviço externo?

Não. Todos os cálculos são feitos no seu navegador e nada é enviado.