Números hexadecimais são usados para especificar cores. O sistema hexadecimal, ao contrário do sistema decimal, é baseado, como o próprio nome sugere, no número 16. Os números serão os seguintes: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Os números de 10 a 15 são substituídos por letras latinas. Números maiores que 15 no sistema hexadecimal são formados pela combinação de dois números em um. Por exemplo, o número 255 em decimal corresponde ao número FF em hexadecimal. Para evitar confusão na determinação do sistema numérico, um símbolo de hash # é colocado antes do número hexadecimal, por exemplo #666999. Cada uma das três cores – vermelho, verde e azul – pode assumir valores de 00 a FF. Assim, o símbolo da cor é dividido em três componentes #rrggbb, onde os dois primeiros símbolos indicam o componente vermelho da cor, os dois do meio - verde e os dois últimos - azul. É permitido utilizar a forma abreviada #rgb, onde cada caractere deve ser duplicado. Assim, a entrada #fe0 deve ser considerada como #ffee00.
Por nome
| Internet Explorer | cromada | Ópera | Safári | Raposa de fogo | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Os navegadores suportam algumas cores pelo nome. Na tabela 1 mostra os nomes, código hexadecimal, RGB, valores HSL e descrição.
| Nome | Cor | Código | RGB | HSL | Descrição |
|---|---|---|---|---|---|
| branco | #ffffff ou #fff | rgb(255.255.255) | hsl(0,0%,100%) | Branco | |
| prata | #c0c0c0 | rgb(192.192.192) | hsl(0,0%,75%) | Cinza | |
| cinza | #808080 | rgb(128.128.128) | hsl(0,0%,50%) | Cinza escuro | |
| preto | #000000 ou #000 | rgb(0,0,0) | hsl(0,0%,0%) | Preto | |
| marrom | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Vermelho escuro | |
| vermelho | #ff0000 ou #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Vermelho | |
| laranja | #ffa500 | rgb(255.165,0) | hsl(38,8,100%,50%) | Laranja | |
| amarelo | #ffff00 ou #ff0 | rgb(255.255,0) | hsl(60,100%,50%) | Amarelo | |
| Oliva | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Oliva | |
| Lima | #00ff00 ou #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Luz verde | |
| verde | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Verde | |
| água | #00ffff ou #0ff | rgb(0.255.255) | hsl(180,100%,50%) | Azul | |
| azul | #0000ff ou #00f | rgb(0,0,255) | hsl(240,100%,50%) | Azul | |
| marinha | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Azul escuro | |
| cerceta | #008080 | rgb(0.128.128) | hsl(180,100%,25%) | Azul verde | |
| fúcsia | #ff00ff ou #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Rosa | |
| roxo | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Tolet |
Usando RGB
| Internet Explorer | cromada | Ópera | Safári | Raposa de fogo | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Você pode definir a cor usando os valores vermelho, verde e azul em termos decimais. Cada um dos três componentes de cor assume um valor de 0 a 255. Também é permitido especificar a cor como uma porcentagem, com 100% correspondendo ao número 255. Primeiro, especifique a palavra-chave rgb e, em seguida, especifique os componentes de cor entre parênteses , separados por vírgulas, por exemplo rgb(255 , 128, 128) ou rgb(100%, 50%, 50%).
RGBA
| Internet Explorer | cromada | Ópera | Safári | Raposa de fogo | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
O formato RGBA é semelhante em sintaxe ao RGB, mas inclui um canal alfa que especifica a transparência do elemento. Um valor de 0 é totalmente transparente, 1 é opaco e um valor intermediário como 0,5 é semitransparente.
RGBA foi adicionado ao CSS3, portanto o código CSS deve ser validado nesta versão. Ressalta-se que o padrão CSS3 ainda está em desenvolvimento e algumas funcionalidades podem sofrer alterações. Por exemplo, uma cor no formato RGB adicionada à propriedade background-color é validada, mas uma adicionada à propriedade background não é mais válida. Ao mesmo tempo, os navegadores entendem corretamente a cor de ambas as propriedades.
HSL
| Internet Explorer | cromada | Ópera | Safári | Raposa de fogo | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
O nome do formato HSL é derivado da combinação das primeiras letras Hue (matiz), Saturate (saturação) e Lightness (luminosidade). Matiz é o valor da cor na roda de cores (Fig. 1) e é dado em graus. 0° corresponde ao vermelho, 120° ao verde e 240° ao azul. O valor do matiz pode variar de 0 a 359.
Arroz. 1. Roda de cores
Saturação é a intensidade de uma cor e é medida como uma porcentagem de 0% a 100%. Um valor de 0% indica nenhuma cor e um tom de cinza, 100% é o valor máximo de saturação.
A luminosidade especifica o quão brilhante é a cor e é especificada como uma porcentagem de 0% a 100%. Valores baixos tornam a cor mais escura e valores altos tornam a cor mais clara; valores extremos de 0% e 100% correspondem a preto e branco.
HSLA
| Internet Explorer | cromada | Ópera | Safári | Raposa de fogo | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
O formato HSLA é semelhante em sintaxe ao HSL, mas inclui um canal alfa para especificar a transparência do elemento. Um valor de 0 é totalmente transparente, 1 é opaco e um valor intermediário como 0,5 é semitransparente.
Os valores de cores RGBA, HSL e HSLA são adicionados ao CSS3, portanto, verifique a validade da versão do seu código ao usar esses formatos.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Aviso
Todos os métodos de captura de leões listados no site são teóricos e baseados em métodos computacionais. Os autores não garantem sua segurança ao utilizá-los e se isentam de qualquer responsabilidade pelos resultados. Lembre-se, um leão é um predador e um animal perigoso!
O resultado deste exemplo é mostrado na Fig. 2.
Arroz. 2. Cores na página web
As cores HTML são indicadas por seis caracteres após a barra - por exemplo, #000000. Estes seis símbolos representam as proporções das diferentes cores (Vermelho, Verde, Azul) na cor final. No monitor do seu computador, a imagem é formada por um grande número de pontos chamados pixels. Cada pixel é uma pequena fonte de luz, vamos chamá-la de “lanterna”, que por sua vez consiste em três lanternas – vermelha, verde e azul. Ao diminuir ou aumentar a intensidade do brilho das lanternas coloridas individuais, obtemos a cor desejada.
Códigos de cores HTML
As cores em HTML são representadas por uma notação hexadecimal (HEX) de vermelho, azul e verde (RGB).
O menor valor de cor é 0 (hexadecimal 00). O valor de cor mais alto é 255 (hex FF).
O valor hexadecimal da cor tem três dígitos começando com o sinal #.
Códigos de cores (significados)
| Cor | Código hexadecimal | Código RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255.255,0) | |
| #00FFFF | rgb(0.255.255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192.192.192) | |
| #FFFFFF | rgb(255.255.255) |
16 milhões de tons
A combinação de vermelho, azul e verde com valores que variam de 0 a 255 para a porcentagem de cada cor resulta em um total de mais de 16 milhões de tons (256 x 256 x 256).
A maioria dos monitores modernos são capazes de exibir pelo menos 16.384 tonalidades diferentes (os monitores LCD geralmente são capazes de exibir 262 mil 16 milhões (atualizado em outubro de 2013) cores e os monitores CRT podem exibir um número virtualmente ilimitado de cores).
A tabela de cores abaixo mostra a mudança na proporção do vermelho de 0 a 255 com valores zero para azul e verde:
| Vermelho | Código hexadecimal | Código RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080000 | rgb(8,0,0) | |
| #100000 | rgb(16,0,0) | |
| #180000 | rgb(24,0,0) | |
| #200000 | rgb(32,0,0) | |
| #280000 | rgb(40,0,0) | |
| #300000 | rgb(48,0,0) | |
| #380000 | rgb(56,0,0) | |
| #400000 | rgb(64,0,0) | |
| #480000 | rgb(72,0,0) | |
| #500000 | rgb(80,0,0) | |
| #580000 | rgb(88,0,0) | |
| #600000 | rgb(96,0,0) | |
| #680000 | rgb(104,0,0) | |
| #700000 | rgb(112,0,0) | |
| #780000 | rgb(120,0,0) | |
| #800000 | rgb(128,0,0) | |
| #880000 | rgb(136,0,0) | |
| #900000 | rgb(144,0,0) | |
| #980000 | rgb(152,0,0) | |
| #A00000 | rgb(160,0,0) | |
| #A80000 | rgb(168,0,0) | |
| #B00000 | rgb(176,0,0) | |
| #B80000 | rgb(184,0,0) | |
| #C00000 | rgb(192,0,0) | |
| #C80000 | rgb(200,0,0) | |
| #D00000 | rgb(208,0,0) | |
| #D80000 | rgb(216,0,0) | |
| #E00000 | rgb(224,0,0) | |
| #E80000 | rgb(232,0,0) | |
| #F00000 | rgb(240,0,0) | |
| #F80000 | rgb(248,0,0) | |
| #FF0000 | rgb(255,0,0) |
Tons de cinza
Para obter tons de cinza, são utilizadas proporções iguais de todas as cores. Para facilitar a escolha da cor certa, fornecemos códigos de tons de cinza
| Tons de cinza | Código hexadecimal | Código RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080808 | rgb(8,8,8) | |
| #101010 | rgb(16,16,16) | |
| #181818 | rgb(24,24,24) | |
| #202020 | rgb(32,32,32) | |
| #282828 | rgb(40,40,40) | |
| #303030 | rgb(48,48,48) | |
| #383838 | rgb(56,56,56) | |
| #404040 | rgb(64,64,64) | |
| #484848 | RGB(72,72,72) | |
| #505050 | rgb(80,80,80) | |
| #585858 | rgb(88,88,88) | |
| #606060 | rgb(96,96,96) | |
| #686868 | rgb(104.104.104) | |
| #707070 | rgb(112.112.112) | |
| #787878 | rgb(120.120.120) | |
| #808080 | rgb(128.128.128) | |
| #888888 | rgb(136.136.136) | |
| #909090 | rgb(144.144.144) | |
| #989898 | rgb(152.152.152) | |
| #A0A0A0 | rgb(160.160.160) | |
| #A8A8A8 | rgb(168.168.168) | |
| #B0B0B0 | rgb(176.176.176) | |
| #B8B8B8 | rgb(184.184.184) | |
| #C0C0C0 | rgb(192.192.192) | |
| #C8C8C8 | rgb(200.200.200) | |
| #D0D0D0 | rgb(208.208.208) | |
| #D8D8D8 | rgb(216.216.216) | |
| #E0E0E0 | rgb(224.224.224) | |
| #E8E8E8 | rgb(232.232.232) | |
| #F0F0F0 | rgb(240.240.240) | |
| #F8F8F8 | rgb(248.248.248) | |
| #FFFFFF | rgb(255.255.255) |
Nomes de cores HTML entre navegadores (todos os navegadores)
Uma coleção de 150 nomes de cores em HTML, compatível com todos os navegadores.
Nomes de cores padronizados
O W3C lista 16 nomes de cores válidos para HTML e CSS: aqua, preto, azul, fúcsia, cinza, verde, limão, marrom (castanho), marinho (ultramarino), oliva (oliva), roxo (roxo), vermelho (vermelho) , prata (prata), verde-azulado (cinza), branco (branco) e amarelo (amarelo).
Ao utilizar cores não incluídas nesta lista, é mais correto utilizar seu código hexadecimal (HEX) ou código RGB.
Cores seguras
Vários anos atrás, quando os computadores podiam suportar no máximo 256 cores diferentes, foi proposta uma lista de 216 "Cores Seguras para a Web", com 40 cores reservadas para o sistema.
Esta paleta de 216 cores foi criada para exibir cores corretamente no modo de paleta de 256 cores.
Agora, isso não importa porque a maioria dos computadores ao redor do mundo suporta milhões de tons de cores. De qualquer forma, aqui está uma lista dessas cores:
| 000000 | 000033 | 000066 | 000099 | 0000 CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300 CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600 CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Esta página contém uma tabela com palavras-chave que podem ser usadas para denotar cores em linguagens de desenvolvedor Web como: HTML, CSS, JavaScript, Flash, etc.
Nas antigas especificações do WC3, eram especificadas apenas 16 palavras-chave, com a ajuda das quais eram definidas cores em HTML e CSS. Em especificações ainda mais modernas, foram adicionadas mais 130 palavras-chave para indicar nomes de cores. A tabela a seguir contém os nomes das cores e os códigos hexadecimais e RGB aos quais correspondem.
De acordo com as regras CSS, os nomes das cores não diferenciam maiúsculas de minúsculas. As entradas de cores IndianRed e indianred são equivalentes.
Também é importante notar que das 146 palavras-chave na tabela, há na verdade menos cores nela. Isso ocorre porque alguns palavras-chave representam a mesma cor. Assim, os nomes Gray e Gray representam o código de cor 50% cinza #808080, e a palavra Magenta é sinônimo da cor HTML Fúcsia, correspondente ao código hexadecimal #FF00FF. Também são sinônimas as palavras Aqua e Cyan, elas correspondem ao código #00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Existem várias maneiras de representar cores em web design.
HEX é um sistema hexadecimal de representação de cores baseado na base 16. Para este sistema, dígitos decimais árabes de 0 a 9 e letras latinas de A a F são usados para complementar o número digital até 16. Para web design, 16 cores primárias (chave) são utilizados o chamado código de cores hexadecimal #RRGGBB, onde cada par é responsável por sua parcela da cor: RR – vermelho, GG – verde e BB – azul. Cada fração de cor varia de 00 a FF.
Duas outras representações de cores em web design são: na forma de RGB(*,*,*), onde cada fração “*” de uma cor é representada por dígitos decimais de 0 a 255 e por nomes de cores em língua Inglesa.
Ao criar uma imagem colorida, o principal problema é a correta reprodução das cores em diferentes tipos de computadores, monitores e navegadores. Se o navegador não conseguir exibir uma cor corretamente, ele seleciona uma cor semelhante ou mistura várias cores. E às vezes pode ser substituído por uma cor completamente diferente.
Mesa 16 cores primárias, que são usados em todos os navegadores
| Nome | Cor | Feitiço | (RGB) |
| Aqua (onda do mar) | #00FFFF | (000,255,255) | |
| Preto | #000000 | (000,000,000) | |
| Azul | #0000FF | (000,000,255) | |
| Fúcsia (magenta) | #FF00FF | (255,000,255) | |
| Cinza | #808080 | (128,128,128) | |
| Verde | #008000 | (000,128,000) | |
| Limão (verde brilhante) | #00FF00 | (000,255,000) | |
| Marrom (bordô escuro) | #800000 | (128,000,000) | |
| Marinha (azul escuro) | #000080 | (000,000,128) | |
| Oliva | #808000 | (128,128,000) | |
| Roxo | #800080 | (128,000,128) | |
| Vermelho | #FF0000 | (255,000,000) | |
| Prata | #C0C0C0 | (192,192,192) | |
| Azul-petróleo (verde-acinzentado) | #008080 | (000,128,128) | |
| Branco | #FFFFFF | (255,255,255) | |
| Amarelo | #FFFF00 | (255,255,000) |
Mesa roxo cores e seus tons
| Nome | Cor | Feitiço | (RGB) |
| Magenta (magenta) | #FFCBDB | (255,203,219) | |
| Magenta (magenta) | #FF0099 | (255,000,153) | |
| Magenta (magenta) | #F95A61 | (249,090,097) | |
| Fúcsia (fúcsia) | #FF00FF | (255,000,255) | |
| Mauvein (anilina roxa) | #EF0097 | (239,000,151) | |
| Rosa salmão (rosa laranja) | #FF91A4 | (255,145,164) | |
| Cenise (um tom de roxo) | #DE3163 | (153,149,140) | |
| Berinjela Berinjela (berinjela) | #990066 | (153,000,132) | |
| Blush lavanda (lavanda rosado) | #FFF0F5 | (255,240,245) | |
| Lilás (lilás) | #C8A2C8 | (200,162,200) | |
| Magenta (magenta) | #FF008F | (255,000,143) | |
| Orquídea (orquídea) | #DA70D6 | (218,112,214) | |
| Vermelho-violeta (roxo-vermelho) | #C71585 | (199,021,133) | |
| Sanguíneo (sanguíneo) | #92000A | (146,000,010) | |
| Cardo (tom de roxo) | #D8BFD8 | (185,211,238) | |
| Berinjela Violeta (um tom de roxo) | #991199 | (153,017,153) | |
| Rosa vivo (rosa profundo) | #FF007F | (255,000,127) | |
| Rosa lavanda (um tom de roxo) | #FBA0E3 | (108,123,139) | |
| Mountbatten rosa | #997ABD | (153,122,141) |
Mesa cinza cores e seus tons
| Nome | Cor | Feitiço | (RGB) |
| Cinza | #808080 | (128,128,128) | |
| Cinza | #bebebe | (190,190,190) | |
| (Tom cinza) | #858585 | (133,133,133) | |
| Cinza33 | #545454 | (084,084,084) | |
| (ardósia cinza) | #708090 | (112,128,144) | |
| (Quartzo) | #99958с | (153,149,140) | |
| (Cinza claro) | #bbbbbb | (187,187,187) | |
| (Prata) | #c0c0c0 | (192,192,192) | |
| (Branco cinzento) | #f0f0f0 | (240,240,240) | |
| (barbas de Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
| LightGray (cinza claro) | #d3d3d3 | (211,211,211) | |
| LightStateGray() | #778899 | (119,136,153) | |
| StateGray-1 (azul centáurea claro1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (azul centáurea claro2) | #b9d3ee | (185,211,238) | |
| EstadoGray3() | #9fb6cd | (159,182,205) | |
| EstadoGray4() | #6c7b8b | (108,123,139) |
Tabela (paleta) de cores html dá a você a oportunidade de escolher de forma independente o tom que você precisa. O valor da cor é exibido em três formatos: Hex, RGB e HSV.
- Hex consiste em três valores de dois caracteres no sistema numérico hexadecimal. Por exemplo: #ff00b3, onde o primeiro par de números é vermelho, o segundo é verde e o terceiro é azul.
- RGB (RedGreenBlue) tem o formato “200.100.255”, indicando a quantidade do tom correspondente (vermelho, verde, azul) na cor resultante.
- HSV (Matiz, Saturação, Valor - tom, saturação, valor) - um modelo de cores em que as coordenadas são:
- Matiz – tom da cor, pode variar de 0° a 360°.
- Saturação - saturação, varia de 0-100 ou 0-1. Quanto maior for esse parâmetro, mais “pura” será a cor, razão pela qual esse parâmetro às vezes é chamado de pureza da cor. E quanto mais próximo esse parâmetro estiver de zero, mais próxima a cor estará do cinza neutro.
- Valor (valor da cor) - define o brilho, o valor também pode variar entre 0-100 ou 0-1.
Insira o código da cor: IR
Lista de cores com nomes
A tabela lista os nomes de cores em inglês (que podem ser usados como valores) suportados por todos os navegadores e seus valores hexadecimais. Todas as cores listadas são “seguras”, o que significa que aparecerão iguais em todos os navegadores.
| Nome da cor | HEX | Cor |
|---|---|---|
| Preto | #000000 | |
| Marinha | #000080 | |
| Azul escuro | #00008B | |
| Médio Azul | #0000CD | |
| Azul | #0000FF | |
| Verde escuro | #006400 | |
| Verde | #008000 | |
| Cerceta | #008080 | |
| Ciano Escuro | #008B8B | |
| DeepSkyBlue | #00BFFF | |
| Turquesa Escuro | #00CED1 | |
| MédioPrimaveraVerde | #00FA9A | |
| Lima | #00FF00 | |
| Primavera verde | #00FF7F | |
| Água | #00FFFF | |
| Ciano | #00FFFF | |
| Azul da meia noite | #191970 | |
| Trapaceiro azul | #1E90FF | |
| LuzMarVerde | #20B2AA | |
| Verde floresta | #228B22 | |
| Verde Mar | #2E8B57 | |
| Cinza Ardósia Escuro | #2F4F4F | |
| Verde limão | #32CD32 | |
| Médio MarVerde | #3CB371 | |
| Turquesa | #40E0D0 | |
| Azul Real | #4169E1 | |
| AçoAzul | #4682B4 | |
| Azul Ardósia Escuro | #483D8B | |
| Médio Turquesa | #48D1CC | |
| Índigo | #4B0082 | |
| EscuroOliveVerde | #556B2F | |
| Cadete Azul | #5F9EA0 | |
| Centáurea Azul | #6495ED | |
| MédioAquaMarine | #66CDAA | |
| Cinza Escuro | #696969 | |
| Azul ardósia | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| Ardósia cinza | #708090 | |
| LightSlateGray | #778899 | |
| MédioArdósiaAzul | #7B68EE | |
| GramadoVerde | #7CFC00 | |
| Chartreuse | #7FFF00 | |
| Água Marinha | #7FFFD4 | |
| Marrom | #800000 | |
| Roxo | #800080 | |
| Oliva | #808000 | |
| Cinza | #808080 | |
| Céu azul | #87CEEB | |
| ClaroCéuAzul | #87CEFA | |
| AzulVioleta | #8A2BE2 | |
| Vermelho escuro | #8B0000 | |
| Magenta Escuro | #8B008B | |
| Sela Marrom | #8B4513 | |
| DarkSeaVerde | #8FBC8F | |
| Luz verde | #90EE90 | |
| Roxo Médio | #9370D8 | |
| Violeta Escuro | #9400D3 | |
| Verde pálido | #98FB98 | |
| Orquídea Negra | #9932CC | |
| Amarelo verde | #9ACD32 | |
| Siena | #A0522D | |
| Marrom | #A52A2A | |
| Cinza escuro | #A9A9A9 | |
| Azul claro | #ADD8E6 | |
| Verde amarelo | #ADFF2F | |
| Pálido Turquesa | #AFEEEE | |
| LightSteelAzul | #B0C4DE | |
| Pó azul | #B0E0E6 | |
| Tijolo de fogo | #B22222 | |
| DarkGoldenRod | #B8860B | |
| Orquídea Média | #BA55D3 | |
| RosyBrown | #BC8F8F | |
| Cáqui Escuro | #BDB76B | |
| Prata | #C0C0C0 | |
| MédioVioletaVermelho | #C71585 | |
| Indiano Vermelho | #CD5C5C | |
| Peru | #CD853F | |
| Chocolate | #D2691E | |
| bronzeado | #D2B48C | |
| Cinza claro | #D3D3D3 | |
| PálidoVioletaVermelho | #D87093 | |
| Cardo | #D8BFD8 | |
| Orquídea | #DA70D6 | |
| Vara Dourada | #DAA520 | |
| Carmesim | #DC143C | |
| Gainsboro | #DCDCDC | |
| Ameixa | #DDA0DD | |
| Madeira robusta | #DEB887 | |
| Ciano claro | #E0FFFF | |
| Lavanda | #E6E6FA | |
| Salmão escuro | #E9967A | |
| Tolet | #EE82EE | |
| PaleGoldenRod | #EEE8AA | |
| LightCoral | #F08080 | |
| Cáqui | #F0E68C | |
| Alice Azul | #F0F8FF | |
| Melada | #F0FFF0 | |
| Azul | #F0FFFF | |
| SandyBrown | #F4A460 | |
| Trigo | #F5DEB3 | |
| Bege | #F5F5DC | |
| Fumaça branca | #F5F5F5 | |
| Creme de Menta | #F5FFFA | |
| Fantasma Branco | #F8F8FF | |
| Salmão | #FA8072 | |
| AntigoBranco | #FAEBD7 | |
| Linho | #FAF0E6 | |
| LightGoldenRodAmarelo | #FAFAD2 | |
| Renda Velha | #FDF5E6 | |
| Vermelho | #FF0000 | |
| Fúcsia | #FF00FF | |
| Magenta | #FF00FF | |
| Rosa escuro | #FF1493 | |
| LaranjaVermelho | #FF4500 | |
| Tomate | #FF6347 | |
| Rosa quente | #FF69B4 | |
| Coral | #FF7F50 | |
| Laranja escuro | #FF8C00 | |
| Salmão Claro | #FFA07A | |
| Laranja | #FFA500 | |
| Luz rosa | #FFB6C1 | |
| Rosa | #FFC0CB | |
| Ouro | #FFD700 | |
| PêssegoPuff | #FFDAB9 | |
| Navajo Branco | #FFDEAD | |
| Mocassim | #FFE4B5 | |
| Bisque | #FFE4C4 | |
| Misty Rose | #FFE4E1 | |
| Amêndoa Branqueada | #FFEBCD | |
| Chicote de mamão | #FFEFD5 | |
| LavandaBlush | #FFF0F5 | |
| Concha do mar | #FFF5EE | |
| Seda de milho | #FFF8DC | |
| LimãoChiffon | #FFFACD | |
| FloralBranco | #FFFAF0 | |
| Neve | #FFFAFA | |
| Amarelo | #FFFF00 | |
| Luz amarela | #FFFFE0 | |
| Marfim | #FFFFFF0 | |
| Branco | #FFFFFF |