Em HTML, a cor pode ser especificada de três maneiras:
Configurando cores em HTML por seu nome
Algumas cores podem ser especificadas pelo nome, usando o nome da cor no língua Inglesa. As palavras-chave mais comuns: preto (preto), branco (branco), vermelho (vermelho), verde (verde), azul (azul), etc.:
Cor do Texto - Vermelho
As cores mais populares do padrão World Wide Web Consortium (W3C) são:
Cor | Nome | Cor | Nome | Cor | Nome | Cor | Nome |
---|---|---|---|---|---|---|---|
Preto | Cinza | Prata | Branco | ||||
Amarelo | Lima | Aqua | Fúcsia | ||||
Vermelho | Verde | Azul | Roxo | ||||
marrom | Oliva | Marinha | Cerceta |
Um exemplo de uso de nomes de cores diferentes:
Exemplo: definir uma cor pelo seu nome
- Tente você mesmo "
Cabeçalho em fundo vermelho
Cabeçalho em fundo laranja
Cabeçalho em fundo limão
Texto branco sobre fundo azul
Cabeçalho em fundo vermelho
Cabeçalho em fundo laranja
Cabeçalho em fundo limão
Texto branco sobre fundo azul
Especificando cores com RGB
Ao exibir cores diferentes no monitor, a paleta RGB é tomada como base. Qualquer cor é obtida misturando as três principais: R - vermelho, G - verde (verde), B - azul (azul). O brilho de cada cor é dado por um byte e, portanto, pode assumir valores de 0 a 255. Por exemplo, RGB (255,0,0) é exibido como vermelho porque o vermelho está definido em seu valor mais alto (255) e o outros são definidos como 0. Você também pode definir a cor como uma porcentagem. Cada um dos parâmetros indica o nível de brilho da cor correspondente. Por exemplo: os valores rgb(127, 255, 127) e rgb(50%, 100%, 50%) definirão a mesma cor verde de saturação média:
Exemplo: Especificando uma cor com RGB
- Tente você mesmo "
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
Definir cor por valor hexadecimal
valores R G B também pode ser especificado usando valores de cores hexadecimais (HEX) no formato: #RRGGBB onde RR (vermelho), GG (verde) e BB (azul) são valores hexadecimais de 00 a FF (o mesmo que decimal 0- 255). O sistema hexadecimal, ao contrário do sistema decimal, baseia-se, como o próprio nome indica, no número 16. O sistema hexadecimal utiliza os seguintes caracteres: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Aqui os números de 10 a 15 são substituídos por letras latinas. Números maiores que 15 no sistema hexadecimal são a união de dois caracteres em um valor. Por exemplo, o maior número 255 em decimal corresponde ao maior FF em hexadecimal. Ao contrário do sistema decimal, o número hexadecimal é precedido por um sinal de libra. # , por exemplo, #FF0000 é exibido como vermelho porque o vermelho está definido em seu valor mais alto (FF) e as outras cores estão definidas em seu valor mínimo (00). Caracteres após o símbolo de hash # pode ser digitado em letras maiúsculas e minúsculas. O sistema hexadecimal permite que você use a forma abreviada #rgb, onde cada caractere é igual a duas vezes. Assim, a entrada #f7O deve ser considerada como #ff7700.
Exemplo: Cor HEX
- Tente você mesmo "
vermelho: #FF0000
verde: #00FF00
azul: #0000FF
vermelho: #FF0000
verde: #00FF00
azul: #0000FF
vermelho+verde=amarelo: #FFFF00
vermelho+azul=roxo: #FF00FF
verde+azul=ciano: #00FFFF
Lista de cores comumente usadas (nome, HEX e RGB):
título em inglês | nome russo | Amostra | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranto | Amaranto | #E52B50 | 229 | 43 | 80 | |
Âmbar | Âmbar | #FFBF00 | 255 | 191 | 0 | |
Aqua | azul verde | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Preto | Preto | #000000 | 0 | 0 | 0 | |
Azul | Azul | #0000FF | 0 | 0 | 255 | |
Azul Bondi | água da praia de Bondi | #0095B6 | 0 | 149 | 182 | |
Latão | Latão | #B5A642 | 181 | 166 | 66 | |
Marrom | Marrom | #964B00 | 150 | 75 | 0 | |
cerúleo | Azure | #007BA7 | 0 | 123 | 167 | |
verde escuro da primavera | verde escuro primavera | #177245 | 23 | 114 | 69 | |
Esmeralda | Esmeralda | #50C878 | 80 | 200 | 120 | |
Beringela | beringela | #990066 | 153 | 0 | 102 | |
Fúcsia | Fúcsia | #FF00FF | 255 | 0 | 255 | |
Ouro | Ouro | #FFD700 | 250 | 215 | 0 | |
Cinza | Cinza | #808080 | 128 | 128 | 128 | |
Verde | Verde | #00FF00 | 0 | 255 | 0 | |
Índigo | Índigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
Lima | Lima | #CCFF00 | 204 | 255 | 0 | |
Malaquita | Malaquita | #0BDA51 | 11 | 218 | 81 | |
Marinha | Azul escuro | #000080 | 0 | 0 | 128 | |
Ocre | Ocre | #CC7722 | 204 | 119 | 34 | |
Oliva | Oliva | #808000 | 128 | 128 | 0 | |
Laranja | Laranja | #FFA500 | 255 | 165 | 0 | |
pêssego | Pêssego | #FFE5B4 | 255 | 229 | 180 | |
Abóbora | Abóbora | #FF7518 | 255 | 117 | 24 | |
Roxo | Tolet | #800080 | 128 | 0 | 128 | |
Vermelho | Vermelho | #FF0000 | 255 | 0 | 0 | |
Açafrão | Açafrão | #F4C430 | 244 | 196 | 48 | |
verde mar | mar verde | #2E8B57 | 46 | 139 | 87 | |
pântano verde | Bolotny | #ACB78E | 172 | 183 | 142 | |
Cerceta | azul verde | #008080 | 0 | 128 | 128 | |
ultramarino | ultramarino | #120A8F | 18 | 10 | 143 | |
tolet | Tolet | #8B00FF | 139 | 0 | 255 | |
Amarelo | Amarelo | #FFFF00 | 255 | 255 | 0 |
Códigos de cores (fundo) por saturação e matiz.
Tabela (paleta) de cores html dá a você a oportunidade de escolher independentemente 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 em notação hexadecimal. Por exemplo: #ff00b3, onde o primeiro par de números é vermelho, o segundo é verde e o terceiro é azul.
- RGB (RedGreenBlue) tem a forma "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 cor no qual as coordenadas são:
- Matiz - tonalidade da cor, pode variar de 0° a 360°.
- Saturação - saturação, varia entre 0-100 ou 0-1. Quanto maior essa configuração, mais "pura" é a cor, e é por isso que essa configuração às vezes é chamada de pureza de cor. E quanto mais próximo esse parâmetro estiver de zero, mais próxima a cor estará do cinza neutro.
- Value (valor da cor) - define o brilho, o valor também pode variar entre 0-100 ou 0-1.
Digite 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 serão exibidas da mesma forma em todos os navegadores.
nome da cor | HEX | Cor |
---|---|---|
Preto | #000000 | |
Marinha | #000080 | |
azul escuro | #00008B | |
Azul médio | #0000CD | |
Azul | #0000FF | |
verde escuro | #006400 | |
Verde | #008000 | |
Cerceta | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFFF | |
turquesa escura | #00CED1 | |
MédioPrimaveraVerde | #00FA9A | |
Lima | #00FF00 | |
Primavera verde | #00FF7F | |
Aqua | #00FFFF | |
ciano | #00FFFF | |
azul da meia noite | #191970 | |
Trapaceiro azul | #1E90FF | |
LightSeaGreen | #20B2AA | |
verde floresta | #228B22 | |
verde Mar | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Verde limão | #32CD32 | |
MédioMarVerde | #3CB371 | |
Turquesa | #40E0D0 | |
azul real | #4169E1 | |
aço azul | #4682B4 | |
DarkSlateBlue | #483D8B | |
Turquesa Médio | #48D1CC | |
Índigo | #4B0082 | |
EscuroAzeitonaVerde | #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 | |
MediumSlateBlue | #7B68EE | |
GramadoVerde | #7CFC00 | |
chartreuse | #7FFF00 | |
água-marinha | #7FFFD4 | |
marrom | #800000 | |
Roxo | #800080 | |
Oliva | #808000 | |
Cinza | #808080 | |
céu azul | #87CEEB | |
LightSkyBlue | #87CEFA | |
azul violeta | #8A2BE2 | |
vermelho escuro | #8B0000 | |
Dark Magenta | #8B008B | |
Marrom Saddle | #8B4513 | |
DarkSeaGreen | #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 | |
turquesa clara | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
Pó azul | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
orquídea média | #BA55D3 | |
Marrom Rosado | #BC8F8F | |
DarkKhaki | #BDB76B | |
Prata | #C0C0C0 | |
MédioVioletaVermelho | #C71585 | |
Indian Red | #CD5C5C | |
Peru | #CD853F | |
Chocolate | #D2691E | |
bronzeado | #D2B48C | |
cinza claro | #D3D3D3 | |
PálidoVioletaVermelho | #D87093 | |
Cardo | #D8BFD8 | |
Orquídea | #DA70D6 | |
vara de ouro | #DAA520 | |
Carmesim | #DC143C | |
Gainsboro | #DCDCDC | |
Ameixa | #DDA0DD | |
Madeira robusta | #DEB887 | |
Ciano claro | #E0FFFF | |
Lavanda | #E6E6FA | |
DarkSalmon | #E9967A | |
tolet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
caqui | #F0E68C | |
Alice Azul | #F0F8FF | |
melada | #F0FFF0 | |
Azure | #F0FFFF | |
Sandy Brown | #F4A460 | |
Trigo | #F5DEB3 | |
Bege | #F5F5DC | |
fumaça branca | #F5F5F5 | |
Creme de Menta | #F5FFFA | |
fantasma branco | #F8F8FF | |
Salmão | #FA8072 | |
branco antigo | #FAEBD7 | |
linho | #FAF0E6 | |
ClaroDouradoRodAmarelo | #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 | |
LightSalmon | #FFA07A | |
Laranja | #FFA500 | |
luz rosa | #FFB6C1 | |
Rosa | #FFC0CB | |
Ouro | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mocassim | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Amêndoa descascada | #FFEBCD | |
chicote de mamão | #FFEFD5 | |
LavandaBlush | #FFF0F5 | |
Concha do mar | #FFF5EE | |
Cornsilk | #FFF8DC | |
Limão Chiffon | #FFFACD | |
FloralBranco | #FFFAF0 | |
Neve | #FFFAFA | |
Amarelo | #FFFF00 | |
Luz amarela | #FFFFE0 | |
Marfim | #FFFFFF0 | |
Branco | #FFFFFF |
O módulo de cores CSS detalha os valores que permitem aos autores especificar as cores e a opacidade dos elementos html, bem como os valores da propriedade color.
propriedade de cor
1. Cores prioritárias: propriedade da cor
A propriedade define a cor da fonte usando vários sistemas de renderização. A propriedade descreve a cor do conteúdo de texto do elemento. Também é usado para fornecer um valor indireto potencial (currentColor) para quaisquer outras propriedades que aceitem valores de cor.
A propriedade é herdada.
2. Valores de cores
2.1. Palavras-chave principais
A lista de palavras-chave principais inclui os seguintes valores:
Nome | HEX | RGB | Cor |
---|---|---|---|
preto | #000000 | 0,0,0 | |
Prata | #C0C0C0 | 192,192,192 | |
cinza | #808080 | 128,128,128 | |
branco | #FFFFFF | 255,255,255 | |
marrom | #800000 | 128,0,0 | |
vermelho | #FF0000 | 255,0,0 | |
roxo | #800080 | 128,0,128 | |
fúcsia | #FF00FF | 255,0,255 | |
verde | #008000 | 0,128,0 | |
Lima | #00FF00 | 0,255,0 | |
Oliva | #808000 | 128,128,0 | |
amarelo | #FFFF00 | 255,255,0 | |
marinha | #000080 | 0,0,128 | |
azul | #0000FF | 0,0,255 | |
cerceta | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
Os nomes das cores não diferenciam maiúsculas de minúsculas.
Sintaxe
Cor: azul-petróleo;
2.2. Valores Numéricos de Cores
2.2.1. Cores do Modelo RGB
O formato de um valor RGB em hexadecimal é um sinal # imediatamente seguido por três ou seis caracteres hexadecimais. A notação RGB de três dígitos #rgb é convertida para a forma de seis dígitos #rrggbb copiando os dígitos, não adicionando zeros. Por exemplo, #fb0 se expande para #ffbb00 . Isso garante que o #ffffff branco possa ser especificado na abreviação #fff e remove quaisquer dependências da profundidade de cor da tela.
O formato de um valor RGB em notação funcional é rgb(seguido por uma lista separada por vírgulas de três valores numéricos (três valores inteiros ou três valores percentuais) seguidos por um caractere). O valor inteiro 255 corresponde a 100% e F ou FF em notação hexadecimal:
rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Caracteres de espaço são permitidos em torno de valores numéricos.
códigos do minecraft cores ou minecraft códigos formatação, permite que qualquer jogador adicione flores e formate texto de todas as maneiras possíveis no Minecraft. Códigos de cores de &0-9 a &a-f. Adicione-os antes do seu texto. As mensagens dos jogadores podem conter códigos de cores que permitem adicionar cor às suas frases.
Cores e códigos de formatação
Um e comercial (&) seguido por um número hexadecimal nas mensagens sinaliza ao cliente para trocar as cores ao exibir o texto. Além disso, o texto pode ser formatado com o símbolo & seguido de uma carta. Você pode adicionar cores diferentes aos livros, blocos de comando, nome do servidor, descrição do servidor ( motd), em nome dos mundos, em tabuletas, e até em nomes jogadoras.
É muito fácil formatar seu texto nas configurações ou no jogo usando a tabela de cores abaixo. &r é usado para limpar todos os códigos, ou seja, &mAAA&rBBB será exibido como AAA BBB.
Tabela de código de cores
Código | Nome | Nome técnico | Cor do símbolo | Cor da sombra do símbolo | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | hexadecimal | R | G | B | hexadecimal | |||
&0 | Preto | preto | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Azul escuro | azul escuro | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | verde escuro | verde escuro | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | verde-azulado escuro | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Vermelho escuro | vermelho escuro | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Roxo escuro | roxo escuro | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Ouro | ouro | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Cinza | cinza | 170 | 170 | 170 | AAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Cinza escuro | cinza escuro | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Azul | azul | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Verde | verde | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | azul verde | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | Vermelho | vermelho | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Luz roxa | Luz roxa | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Amarelo | amarelo | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Branco | branco | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Tabela de códigos de formato
Às vezes é necessário sublinhar, sublinhar, destaque algum texto. Para isso, é utilizada a formatação do texto. É usado da mesma forma que as cores (antes do texto colocamos código, por exemplo &lMinecraft= Minecraft.
Código | Nome |
---|---|
&k | texto mágico (&kTexto) |
&eu | Miniatura (&lTexto) |
&m | Texto tachado (&mTexto) |
&n | Texto sublinhado (&uTexto) |
&o | texto em itálico (&iTexto) |
&r | Texto sem formatação (&rTexto) |
>> Gerenciamento de cores
Valores de cores RGB hexadecimais
Os métodos para descrever e processar as cores diferem entre si na representação final a que se destinam. Comparemos, por exemplo, representações de cores para poligrafia e para monitores de computador. No primeiro caso, a base é branco a cor do papel no qual as três cores primárias são posteriormente aplicadas: azul, roxo E amarelo. Misturando-se entre si e com a cor branca do papel em diferentes proporções, essas três cores primárias dão tonalidades de cores diferentes, exceto o preto puro, ou na ausência total de cores dão papel branco. Se adicionarmos preto a eles, obtemos CMYK- uma maneira de transmitir cor quando a cor desejada é obtida subtraindo as cores que faltam do branco.
No segundo caso, a base é preto a cor da tela do monitor, cada célula brilha em uma das três cores: vermelho-vermelho, verde-verde e azul-azul. Então, na ausência total de qualquer brilho, obtemos uma cor preta pura da tela, e qualquer uma das cores necessárias é dada pela proporção de cada uma das três cores. Neste caso obteremos RGB- Método de transferência de cores. As cores primárias podem ter significados de 0
antes 255
, ou de 0%
antes 100%
, ou pode ser representado como um valor hexadecimal. Na figura abaixo você pode ver os resultados da mistura de cores primárias.
O sistema de numeração hexadecimal, ao contrário do sistema de numeração decimal, não tem dez dígitos em sua série de dígitos, mas dezesseis - daí o nome. Assim, variantes não repetidas de combinações de dois dígitos só podem ser - 256 , para continuar a série de dígitos após 9 cartas de A antes F, então a linha ficará assim -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Nesse caso, a cor é dada por três números hexadecimais, cada um composto por dois dígitos. O primeiro número determina a intensidade vermelho cores, média verde, última coisa- azul cores. Todos os números podem assumir valores que variam de 00 antes FF(de 0 a 255). Por exemplo: a cor verde é dada como #00FF00, vermelho - como #FF0000, azul - como #0000FF, tipo branco #FFFFFF, a ausência completa de cor ou preto é dada como #000000 .
No formulário abaixo, você pode definir quaisquer valores hexadecimais para cada uma das três cores e ver o resultado de sua mistura clicando no campo de saída.
Exemplos de alguns valores de cores RGB hexadecimais: gradações de vermelho, azul e verde.
visualizar | código | visualizar | código | visualizar | código | visualizar | código | visualizar | código | visualizar | código |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Especificando uma cor com literais de string
Para facilitar o uso, algumas cores e suas combinações receberam nomes reconhecidos por todos os navegadores e tornou-se possível definir muitas delas pelo nome. A tabela abaixo mostra alguns dos nomes das cores:
visualizar | Nome | visualizar | Nome | visualizar | Nome | visualizar | Nome |
Branco | Vermelho | Laranja | Amarelo | ||||
Verde | Azul | Roxo | Preto | ||||
Alice azul | branco antigo | Aqua | água-marinha | ||||
Azure | Bege | Bisque | amêndoa escaldada | ||||
azulvioleta | Marrom | Madeira robusta | Cadetblue | ||||
chartreuse | Chocolate | Coral | centáurea azul | ||||
Cornsilk | Carmesim | ciano | azul escuro | ||||
Darkcyan | bastão de ouro escuro | cinza escuro | verde escuro | ||||
Darkkhaki | Darkmagenta | verde-oliva escuro | laranja escuro | ||||
Darkorchid | vermelho escuro | salmão escuro | verde mar escuro | ||||
azul ardósia escura | cinza ardósia escura | turquesa escura | violeta escuro | ||||
Rosa escuro | céu azul profundo | Dimgray | Trapaceiro azul | ||||
tijolo refratário | floral branco | verde floresta | Fuschia | ||||
Gainsboro | fantasma branco | Ouro | Goldenrod | ||||
Cinza | Verde amarelo | Melada | Rosa quente | ||||
vermelho indiano | Índigo | Marfim | caqui | ||||
Lavanda | blush lavanda | Lemonchiffon | azul claro | ||||
coral claro | Ciano claro | amarelo claro frio | luz verde | ||||
cinza claro | Luz rosa | salmão claro | Lightseagreen | ||||
Lightskyblue | cinza claro ardósia | aço claro azul | luz amarela | ||||
Lima | Verde limão | linho | Magenta | ||||
marrom | água-marinha média | azul médio | orquídea média | ||||
roxo médio | verde-mar médio | Azul ardósia média | Primaveramédiaverde | ||||
turquesa médio | vermelho médio violeta | azul da meia noite | creme de menta | ||||
Mistyrose | branco navajo | Marinha | renda antiga | ||||
Oliva | olivedrab | laranja vermelho | Orquídea | ||||
palegoldenrod | Verde pálido | turquesa clara | vermelho pálido | ||||
papaywhip | Pêssego | Peru | Rosa | ||||
Ameixa | Pó azul | castanho-rosado | azul real | ||||
marrom sela | verde Mar | Concha do mar | Siena | ||||
Prata | céu azul | Azul ardósia | Ardósia cinza | ||||
Neve | Primavera verde | aço azul | bronzeado | ||||
Cerceta | Cardo | tomate | Turquesa | ||||
tolet | Trigo | Fumaça branca | amarelo verde |
Usando um seletor de cores seguro
Infelizmente, em plataformas diferentes, com configurações de sistema diferentes, a reprodução correta das cores é um problema. O problema é que o navegador sempre tenta ajustar a paleta de cores do documento em configurações de sistema e monitorar recursos, misturando cores e substituindo-as. Como resultado, às vezes o usuário não vê exatamente o que o webmaster queria mostrar a ele. A saída dessa situação foi encontrada no uso de uma paleta, cada cor da qual é garantida a renderização da mesma maneira por todos os navegadores em diferentes plataformas. Este assim chamado garantido paleta, também conhecida como seguro paleta. Esta paleta inclui cores cujos componentes de cor assumem os seguintes valores: 00 ,33 ,66 ,99 , CC,FF, em todos os possíveis 216 suas combinações.
visualizar | código | visualizar | código | visualizar | código | visualizar | código | visualizar | código | visualizar | código |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |