O que é a tabela de cores HTML?

A tabela de cores HTML é um catálogo com nomes de cores padronizados pelo W3C (HTML5 e CSS3), acompanhados por seus respectivos códigos hexadecimais (HEX) e valores RGB (Red, Green, Blue).

Qual é a diferença entre códigos HEX e RGB?

O código HEX é uma representação hexadecimal de 6 caracteres (ex: #FF0000) ideal para uso em arquivos CSS. O código RGB define a intensidade de vermelho, verde e azul de 0 a 255 (ex: rgb(255, 0, 0)), sendo amplamente usado em editores de imagem e CSS3 com opacidade (rgba).

Quantas cores oficiais com nome existem no HTML?

O padrão HTML5/CSS3 reconhece oficialmente 140 nomes de cores (como Crimson, SkyBlue, DarkSlateGray). No entanto, utilizando valores HEX ou RGB, é possível criar mais de 16,7 milhões de combinações de cores.

Como utilizar as cores HTML no meu site?

Você pode aplicar as cores diretamente nas propriedades CSS (como color, background-color, border-color) utilizando o nome da cor (ex: color: crimson;), a notação HEX (ex: color: #DC143C;) ou a notação RGB (ex: color: rgb(220, 20, 60);).

Tabela de Cores HTML

Lista completa com mais de 140 cores nomeadas do padrão HTML5 e CSS. Filtre por categorias, pesquise por código HEX ou RGB e copie em 1 clique.

Tabela de Cores HTML

Explore, busque e copie mais de 140 cores oficiais do HTML5 com seus códigos HEX e valores RGB.

Exibindo 140 de 140 cores

#F0F8FF

AliceBlue

rgb(240,248,255)

#FAEBD7

AntiqueWhite

rgb(250,235,215)

#00FFFF

Aqua

rgb(0,255,255)

#7FFFD4

Aquamarine

rgb(127,255,212)

#F0FFFF

Azure

rgb(240,255,255)

#F5F5DC

Beige

rgb(245,245,220)

#FFE4C4

Bisque

rgb(255,228,196)

#000000

Black

rgb(0,0,0)

#FFEBCD

BlanchedAlmond

rgb(255,235,205)

#0000FF

Blue

rgb(0,0,255)

#8A2BE2

BlueViolet

rgb(138,43,226)

#A52A2A

Brown

rgb(165,42,42)

#DEB887

BurlyWood

rgb(222,184,135)

#5F9EA0

CadetBlue

rgb(95,158,160)

#7FFF00

Chartreuse

rgb(127,255,0)

#D2691E

Chocolate

rgb(210,105,30)

#FF7F50

Coral

rgb(255,127,80)

#6495ED

CornflowerBlue

rgb(100,149,237)

#FFF8DC

Cornsilk

rgb(255,248,220)

#DC143C

Crimson

rgb(220,20,60)

#00FFFF

Cyan

rgb(0,255,255)

#00008B

DarkBlue

rgb(0,0,139)

#008B8B

DarkCyan

rgb(0,139,139)

#B8860B

DarkGoldenRod

rgb(184,134,11)

#A9A9A9

DarkGray

rgb(169,169,169)

#006400

DarkGreen

rgb(0,100,0)

#BDB76B

DarkKhaki

rgb(189,183,107)

#8B008B

DarkMagenta

rgb(139,0,139)

#556B2F

DarkOliveGreen

rgb(85,107,47)

#FF8C00

DarkOrange

rgb(255,140,0)

#9932CC

DarkOrchid

rgb(153,50,204)

#8B0000

DarkRed

rgb(139,0,0)

#E9967A

DarkSalmon

rgb(233,150,122)

#8FBC8F

DarkSeaGreen

rgb(143,188,143)

#483D8B

DarkSlateBlue

rgb(72,61,139)

#2F4F4F

DarkSlateGray

rgb(47,79,79)

#00CED1

DarkTurquoise

rgb(0,206,209)

#9400D3

DarkViolet

rgb(148,0,211)

#FF1493

DeepPink

rgb(255,20,147)

#00BFFF

DeepSkyBlue

rgb(0,191,255)

#696969

DimGray

rgb(105,105,105)

#1E90FF

DodgerBlue

rgb(30,144,255)

#B22222

FireBrick

rgb(178,34,34)

#FFFAF0

FloralWhite

rgb(255,250,240)

#228B22

ForestGreen

rgb(34,139,34)

#FF00FF

Fuchsia

rgb(255,0,255)

#DCDCDC

Gainsboro

rgb(220,220,220)

#F8F8FF

GhostWhite

rgb(248,248,255)

#FFD700

Gold

rgb(255,215,0)

#DAA520

GoldenRod

rgb(218,165,32)

#808080

Gray

rgb(128,128,128)

#008000

Green

rgb(0,128,0)

#ADFF2F

GreenYellow

rgb(173,255,47)

#F0FFF0

HoneyDew

rgb(240,255,240)

#FF69B4

HotPink

rgb(255,105,180)

#556B2F

DarkOliveGreen

rgb(85,107,47)

#FF8C00

DarkOrange

rgb(255,140,0)

#9932CC

DarkOrchid

rgb(153,50,204)

#8B0000

DarkRed

rgb(139,0,0)

#E9967A

DarkSalmon

rgb(233,150,122)

#8FBC8F

DarkSeaGreen

rgb(143,188,143)

#483D8B

DarkSlateBlue

rgb(72,61,139)

#2F4F4F

DarkSlateGray

rgb(47,79,79)

#00CED1

DarkTurquoise

rgb(0,206,209)

#9400D3

DarkViolet

rgb(148,0,211)

#FF1493

DeepPink

rgb(255,20,147)

#00BFFF

DeepSkyBlue

rgb(0,191,255)

#696969

DimGray

rgb(105,105,105)

#1E90FF

DodgerBlue

rgb(30,144,255)

#B22222

FireBrick

rgb(178,34,34)

#FFFAF0

FloralWhite

rgb(255,250,240)

#228B22

ForestGreen

rgb(34,139,34)

#FF00FF

Fuchsia

rgb(255,0,255)

#DCDCDC

Gainsboro

rgb(220,220,220)

#F8F8FF

GhostWhite

rgb(248,248,255)

#FFD700

Gold

rgb(255,215,0)

#DAA520

GoldenRod

rgb(218,165,32)

#808080

Gray

rgb(128,128,128)

#008000

Green

rgb(0,128,0)

#ADFF2F

GreenYellow

rgb(173,255,47)

#F0FFF0

HoneyDew

rgb(240,255,240)

#FF69B4

HotPink

rgb(255,105,180)

#CD5C5C

IndianRed

rgb(205,92,92)

#4B0082

Indigo

rgb(75,0,130)

#FFFFF0

Ivory

rgb(255,255,240)

#F0E68C

Khaki

rgb(240,230,140)

#E6E6FA

Lavender

rgb(230,230,250)

#FFF0F5

LavenderBlush

rgb(255,240,245)

#7CFC00

LawnGreen

rgb(124,252,0)

#FFFACD

LemonChiffon

rgb(255,250,205)

#ADD8E6

LightBlue

rgb(173,216,230)

#F08080

LightCoral

rgb(240,128,128)

#E0FFFF

LightCyan

rgb(224,255,255)

#FAFAD2

LightGoldenRodYellow

rgb(250,250,210)

#D3D3D3

LightGray

rgb(211,211,211)

#90EE90

LightGreen

rgb(144,238,144)

#FFB6C1

LightPink

rgb(255,182,193)

#FFA07A

LightSalmon

rgb(255,160,122)

#20B2AA

LightSeaGreen

rgb(32,178,170)

#87CEFA

LightSkyBlue

rgb(135,206,250)

#778899

LightSlateGray

rgb(119,136,153)

#B0C4DE

LightSteelBlue

rgb(176,196,222)

#FFFFE0

LightYellow

rgb(255,255,224)

#00FF00

Lime

rgb(0,255,0)

#32CD32

LimeGreen

rgb(50,205,50)

#FAF0E6

Linen

rgb(250,240,230)

#FF00FF

Magenta

rgb(255,0,255)

#800000

Maroon

rgb(128,0,0)

#66CDAA

MediumAquaMarine

rgb(102,205,170)

#0000CD

MediumBlue

rgb(0,0,205)

#BA55D3

MediumOrchid

rgb(186,85,211)

#9370DB

MediumPurple

rgb(147,112,219)

#3CB371

MediumSeaGreen

rgb(60,179,113)

#7B68EE

MediumSlateBlue

rgb(123,104,238)

#00FA9A

MediumSpringGreen

rgb(0,250,154)

#48D1CC

MediumTurquoise

rgb(72,209,204)

#C71585

MediumVioletRed

rgb(199,21,133)

#191970

MidnightBlue

rgb(25,25,112)

#F5FFFA

MintCream

rgb(245,255,250)

#FFE4E1

MistyRose

rgb(255,228,225)

#FFE4B5

Moccasin

rgb(255,228,181)

#FFDEAD

NavajoWhite

rgb(255,222,173)

#000080

Navy

rgb(0,0,128)

#FDF5E6

OldLace

rgb(253,245,230)

#808000

Olive

rgb(128,128,0)

#6B8E23

OliveDrab

rgb(107,142,35)

#FFA500

Orange

rgb(255,165,0)

#FF4500

OrangeRed

rgb(255,69,0)

#DA70D6

Orchid

rgb(218,112,214)

#EEE8AA

PaleGoldenRod

rgb(238,232,170)

#98FB98

PaleGreen

rgb(152,251,152)

#AFEEEE

PaleTurquoise

rgb(175,238,238)

#DB7093

PaleVioletRed

rgb(219,112,147)

#FFEFD5

PapayaWhip

rgb(255,239,213)

#FFDAB9

PeachPuff

rgb(255,218,185)

#CD853F

Peru

rgb(205,133,63)

#FFC0CB

Pink

rgb(255,192,203)

#DDA0DD

Plum

rgb(221,160,221)

#B0E0E6

PowderBlue

rgb(176,224,230)

#800080

Purple

rgb(128,0,128)

Como funciona a Tabela de Cores HTML?

A Tabela de Cores HTML da RockTools foi desenvolvida para ajudar web designers, desenvolvedores front-end e criadores de conteúdo a encontrar rapidamente a tonalidade ideal para seus projetos. Todas as 140 cores nomeadas reconhecidas pelo W3C estão organizadas com busca em tempo real e cópia instantânea para a área de transferência.

Com a nossa ferramenta, você pode alternar entre a visualização em Grid de Cards (com swatches visuais e contraste calculado) e a Tabela Detalhada, além de filtrar por famílias de cores (Vermelhos, Azuis, Verdes, Amarelos, Roxos e Tons Neutros).

Sistemas de Cores na Web: HEX vs. RGB

Ao construir um site ou folha de estilo CSS, entender o formato das cores garante maior controle visual e performance:

Notação Hexadecimal (HEX)

Combinação de 6 caracteres precedidos por cerquilha (#), representando o canal Vermelho (RR), Verde (GG) e Azul (BB) em base 16.

Exemplo: #DC143C (Crimson)

Notação RGB / RGBA

Especifica os valores absolutos dos canais de 0 a 255. O formato RGBA adiciona o canal Alfa para controle de transparência de 0.0 a 1.0.

Exemplo: rgb(220, 20, 60)

Acessibilidade e Contraste em Design Web

Garantir que os textos sobre um fundo colorido tenham contraste suficiente é uma das principais diretrizes de acessibilidade da WCAG (Web Content Accessibility Guidelines). Recomenda-se uma razão de contraste mínima de 4.5:1 para textos normais e 3:1 para textos grandes.

Perguntas Frequentes (FAQ)

O que é a tabela de cores HTML?: A tabela de cores HTML é um catálogo com nomes de cores padronizados pelo W3C (HTML5 e CSS3), acompanhados por seus respectivos códigos hexadecimais (HEX) e valores RGB (Red, Green, Blue).
Qual é a diferença entre códigos HEX e RGB?: O código HEX é uma representação hexadecimal de 6 caracteres (ex: #FF0000) ideal para uso em arquivos CSS. O código RGB define a intensidade de vermelho, verde e azul de 0 a 255 (ex: rgb(255, 0, 0)), sendo amplamente usado em editores de imagem e CSS3 com opacidade (rgba).
Quantas cores oficiais com nome existem no HTML?: O padrão HTML5/CSS3 reconhece oficialmente 140 nomes de cores (como Crimson, SkyBlue, DarkSlateGray). No entanto, utilizando valores HEX ou RGB, é possível criar mais de 16,7 milhões de combinações de cores.
Como utilizar as cores HTML no meu site?: Você pode aplicar as cores diretamente nas propriedades CSS (como color, background-color, border-color) utilizando o nome da cor (ex: color: crimson;), a notação HEX (ex: color: #DC143C;) ou a notação RGB (ex: color: rgb(220, 20, 60);).

Ferramentas Relacionadas

Remover HTML do Texto

Limpe tags HTML de textos.

Seletor de Cores RGB

Escolha e copie cores RGB.

Tradutor de Código Binário

Use o Tradutor de Código Binário da RockTools para converter binário em texto e texto em binário de forma rápida.