Nomes de cores no X11

artigo de lista da Wikimedia
 Nota: "WhiteSmoke" redireciona para este artigo. Para o vírus de computador conectado com o Norton AntiVirus, veja WhiteSmoke (Virus).

Em computação, no X Window System, X11 color names são representados em um arquivo de texto simples, que mapeia strings certas para (valores) values RGB color. Ele é fornecido com toda instalação do X11, daí o nome, e geralmente está localizado no <X11root>/lib/X11/rgb.txt.[1]

Não se sabe quem originalmente compilou a lista. A lista não mostra uma continuidade tanto no color values selecionado ou no color names, e muitos tripletos de cor, têm nomes múltiplos. Apesar disso, designers gráficos e outros se acostumaram com eles, tornando praticamente impossível introduzir uma lista diferente. Em algumas aplicações multipart (com várias partes), nomes são escritos com os espaços, em outros unidos, muitas vezes em camel case; este artigo usa os espaços e as iniciais maiúsculas.

As primeiras versões do Mosaic (web browser) e Netscape Navigator usou o X11 colors como base para a lista Web colors, que ambos eram originalmente X aplicações. As especificações W3C SVG e CSS level 3 module Color eventualmente adotou a lista X11 com algumas alterações, como fez o JavaScript 1.1[2]. É um superconjunto dos 16 “VGA colors” definido em HTML 3.2 e CSS nível 1.

Conflitos de nomes de cores

editar

Talvez o mais inusitado dos confrontos de cor entre X11 e W3C é o caso do ‘Gray’ (cinza). Em HTML, ‘Gray’ é especificamente reservado para a tripleto 128, ou seja 50% gray. No entanto, em X11, ‘gray’ foi designado para o tripleto 190, ou seja 75%, que fica perto da W3C ‘Silver’ (prata), e tinha ‘Light Gray’ (cinza claro) em 211 e ‘Dark Gray’ em 169 equivalentes. Isto resultou em ‘Gray’ do W3C, a 50%, na verdade, sendo significativamente mais escuro do que ‘Dark Gray’(cinza Escuro), com 66%.

O W3C também define uma cor que é igual ao ‘Green’ (verde) X11, mas chamou de 'Lime' (lima).

Nome da cor X11 color W3C color
red green blue Exemplo Exemplo red green blue
Gray 75% 75% 75%     50% 50% 50%
Green 0% 100% 0%     0% 50% 0%
Maroon 69% 19% 38%     50% 0% 0%
Purple 63% 13% 94%     50% 0% 50%

Tabelas de nome de cores

editar

Estas tabelas não são um conjunto padrão de cores para ser encontrado em qualquer X Window system. Pelo contrário, é o padronizado X11 color names aceitos pelos navegadores seguindo padrões W3C. Este conjunto é cortado e racionalizado, e tem algumas diferenças de um típico arquivo rgb.txt.[3] Os valores RGB apresentados são normalizados para o intervalo inteiro de 8 bits 0 a 255.

X11/W3C nomes de cores
Nome Tripleto Hex Red Green Blue Matiz Satur Luz Satur Valor nome W3C
Azul alice #F0F8FF 94% 97% 100% &0000000000000208.000000208° 100% 97% 6% 100%
Branco antigo #FAEBD7 98% 92% 84% &0000000000000034.00000034° 78% 91% 14% 98%
Água #00FFFF 0% 100% 100% &0000000000000180.000000180° 100% 50% 100% 100%
Aquamarine #7FFFD4 50% 100% 83% &0000000000000160.000000160° 100% 75% 50% 100%
Azure #F0FFFF 94% 100% 100% &0000000000000180.000000180° 100% 97% 6% 100%
Beige #F5F5DC 96% 96% 86% &0000000000000060.00000060° 56% 91% 10% 96%
Bisque #FFE4C4 100% 89% 77% &0000000000000033.00000033° 100% 88% 23% 100%
Preto #000000 0% 0% 0% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 0% 0% 0%
Blanched Almond #FFEBCD 100% 92% 80% &0000000000000036.00000036° 100% 90% 20% 100%
Azul #0000FF 0% 0% 100% &0000000000000240.000000240° 100% 50% 100% 100%
Violeta azul #8A2BE2 54% 17% 89% &0000000000000271.000000271° 76% 53% 81% 89%
Marrom #993300 60% 20% 0% &0000000000000020.00000020° 100% 30% 100% 60%
Burlywood #DEB887 87% 72% 53% &0000000000000034.00000034° 57% 70% 39% 87%
Azul cadete #5F9EA0 37% 62% 63% &0000000000000182.000000182° 26% 50% 41% 63%
Cerúleo #02A4D3 1% 64% 83% &0000000000000193.000000193° 98% 42% 99% 83%
Chartreuse #7FFF00 50% 100% 0% &0000000000000090.00000090° 100% 50% 100% 100%
Chocolate #D2691E 82% 41% 12% &0000000000000025.00000025° 75% 47% 86% 82%
Coral #FF7F50 100% 50% 31% &0000000000000016.00000016° 100% 66% 69% 100%
Cornflower #6495ED 39% 58% 93% &0000000000000219.000000219° 79% 66% 58% 93%
Cornsilk #FFF8DC 100% 97% 86% &0000000000000048.00000048° 100% 93% 14% 100%
Crimson #DC143C 86% 8% 24% &0000000000000348.000000348° 83% 47% 91% 86%
Ciano #00B7EB 0% 72% 92% &0000000000000193.000000193° 100% 46% 100% 92%
Azul escuro #00008B 0% 0% 55% &0000000000000240.000000240° 100% 27% 100% 55%
Ciano escuro #008B8B 0% 55% 55% &0000000000000180.000000180° 100% 27% 100% 55%
Azul elétrico escuro #536878 33% 41% 47% &0000000000000206.000000206° 18% 40% 31% 47%
Ouro escuro #AA6C39 67% 42% 22% &0000000000000027.00000027° 50% 45% 66% 67%
Dourado escuro #B8860B 72% 53% 4% &0000000000000043.00000043° 89% 38% 94% 72%
Cinza escuro #A9A9A9 66% 66% 66% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 66% 0% 66%
Verde escuro #013220 0% 20% 13% &0000000000000158.000000158° 96% 10% 98% 20%
Caqui escuro #BDB76B 74% 72% 42% &0000000000000056.00000056° 38% 58% 43% 74%
Magenta escuro #8B008B 55% 0% 55% &0000000000000300.000000300° 100% 27% 100% 55%
Verde oliva escura #556B2F 33% 42% 18% &0000000000000082.00000082° 39% 30% 56% 42%
Laranja escuro #FF8C00 100% 55% 0% &0000000000000033.00000033° 100% 50% 100% 100%
Orquídea escuro #9932CC 60% 20% 80% &0000000000000280.000000280° 61% 50% 75% 80%
Vermelho escuro #8B0000 55% 0% 0% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 100% 27% 100% 55%
Salmão escuro #E9967A 91% 59% 48% &0000000000000015.00000015° 72% 70% 48% 91%
Verde mar escuro #8FBC8F 56% 74% 56% &0000000000000120.000000120° 25% 65% 24% 74%
Azul ardósia escuro #483D8B 28% 24% 55% &0000000000000248.000000248° 39% 39% 56% 55%
Cinza ardósia escuro #2F4F4F 18% 31% 31% &0000000000000180.000000180° 25% 25% 41% 31%
Turquesa escuro #00CED1 0% 81% 82% &0000000000000181.000000181° 100% 41% 100% 82%
Violeta escuro #9400D3 58% 0% 83% &0000000000000282.000000282° 100% 41% 100% 83%
Amarelo escuro #9B870C 61% 53% 5% &0000000000000052.00000052° 86% 33% 92% 61%
Rosa profundo #FF1493 100% 8% 58% &0000000000000328.000000328° 100% 54% 92% 100%
Deep Sky Blue #00BFFF 0% 75% 100% &0000000000000195.000000195° 100% 50% 100% 100%
Dim Gray #696969 41% 41% 41% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 41% 0% 41%
Azul furtivo #1E90FF 12% 56% 100% &0000000000000210.000000210° 100% 56% 88% 100%
Firebrick #B22222 70% 13% 13% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 68% 42% 81% 70%
Branco floral #FFFAF0 100% 98% 94% &0000000000000040.00000040° 100% 97% 6% 100%
Verde floresta #228B22 13% 55% 13% &0000000000000120.000000120° 61% 34% 76% 55%
Fuchsia #FF00FF 100% 0% 100% &0000000000000300.000000300° 100% 50% 100% 100%
Gainsboro #DCDCDC 86% 86% 86% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 86% 0% 86%
Branco fantasma #F8F8FF 97% 97% 100% &0000000000000240.000000240° 100% 99% 3% 100%
Ouro #FFD700 100% 84% 0% &0000000000000051.00000051° 100% 50% 100% 100%
Dourado #DAA520 85% 65% 13% &0000000000000043.00000043° 74% 49% 85% 85%
Gray (X11) #BEBEBE 75% 75% 75% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 75% 0% 75%
Gray (W3C) #808080 50% 50% 50% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 50% 0% 50%
Green (X11) #00FF00 0% 100% 0% &0000000000000120.000000120° 100% 50% 100% 100%
Green (W3C) #008000 0% 50% 0% &0000000000000120.000000120° 100% 25% 100% 50%
Amarelado verde #ADFF2F 68% 100% 18% &0000000000000084.00000084° 100% 59% 82% 100%
Honeydew #F0FFF0 94% 100% 94% &0000000000000120.000000120° 100% 97% 6% 100%
Rosa forte #FF69B4 100% 41% 71% &0000000000000330.000000330° 100% 71% 59% 100%
Vermelho indiano #CD5C5C 80% 36% 36% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 53% 58% 55% 80%
Índigo #4B0082 29% 0% 51% &0000000000000275.000000275° 100% 26% 100% 51%
Marfim #FFFFF0 100% 100% 94% &0000000000000060.00000060° 100% 97% 6% 100%
Caqui #F0E68C 94% 90% 55% &0000000000000054.00000054° 77% 75% 42% 94%
Lavanda #B57EDC 71% 49% 86% &0000000000000275.000000275° 57% 68% 43% 86%
Lavanda avermelhada #FFF0F5 100% 94% 96% &0000000000000340.000000340° 100% 97% 6% 100%
Lavanda magenta #EE82EE 93% 51% 93% &0000000000000300.000000300° 76% 72% 45% 93%
Lavender Mist #E6E6FA 90% 90% 98% &0000000000000240.000000240° 67% 94% 8% 98%
Verde grama #7CFC00 49% 99% 0% &0000000000000090.00000090° 100% 49% 100% 99%
Lemon Chiffon #FFFACD 100% 98% 80% &0000000000000054.00000054° 100% 90% 20% 100%
Azul claro #ADD8E6 68% 85% 90% &0000000000000195.000000195° 53% 79% 25% 90%
Coral claro #F08080 94% 50% 50% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 79% 72% 47% 94%
Ciano claro #E0FFFF 88% 100% 100% &0000000000000180.000000180° 100% 94% 12% 100%
Amarelo ouro claro #FAFAD2 98% 98% 82% &0000000000000060.00000060° 80% 90% 16% 98%
Cinza claro #D3D3D3 83% 83% 83% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 83% 0% 83%
Verde claro #90EE90 56% 93% 56% &0000000000000120.000000120° 73% 75% 39% 93%
Caqui claro #F0E68C 94% 90% 55% &0000000000000054.00000054° 77% 75% 42% 94%
Rosado claro #FFB6C1 100% 71% 76% &0000000000000351.000000351° 100% 86% 29% 100%
Salmão claro #FFA07A 100% 63% 48% &0000000000000017.00000017° 100% 74% 52% 100%
Verde mar claro #20B2AA 13% 70% 67% &0000000000000177.000000177° 70% 41% 82% 70%
Azul céu claro #87CEFA 53% 81% 98% &0000000000000203.000000203° 92% 76% 46% 98%
Cinza ardósia claro #778899 47% 53% 60% &0000000000000210.000000210° 14% 53% 22% 60%
Azul aço claro #B0C4DE 69% 77% 87% &0000000000000214.000000214° 41% 78% 21% 87%
Violeta claro #B09DB9 69% 62% 73% &0000000000000281.000000281° 17% 67% 15% 73%
Amarelo claro #FFFFE0 100% 100% 88% &0000000000000060.00000060° 100% 94% 12% 100%
Lilás #C8A2C8 78% 64% 78% &0000000000000300.000000300° 26% 71% 19% 78%
Lime (W3C) #00FF00 0% 100% 0% &0000000000000120.000000120° 100% 50% 100% 100%
Verde lima #32CD32 20% 80% 20% &0000000000000120.000000120° 61% 50% 76% 80%
Linen #FAF0E6 98% 94% 90% &0000000000000030.00000030° 67% 94% 8% 98%
Magenta #FF00FF 100% 0% 100% &0000000000000300.000000300° 100% 50% 100% 100%
Maroon (X11) #B03060 69% 19% 38% &0000000000000338.000000338° 57% 44% 73% 69%
Maroon (W3C) #7F0000 50% 0% 0% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 100% 25% 100% 50%
Água-marinha médio #66CDAA 40% 80% 67% &0000000000000160.000000160° 51% 60% 50% 80%
Azul médio #0000CD 0% 0% 80% &0000000000000240.000000240° 100% 40% 100% 80%
Orquídea média #BA55D3 73% 33% 83% &0000000000000288.000000288° 59% 58% 60% 83%
Púrpura médio #9370DB 58% 44% 86% &0000000000000260.000000260° 60% 65% 49% 86%
Verde mar médio #3CB371 24% 70% 44% &0000000000000147.000000147° 50% 47% 66% 70%
Azul ardósia médio #7B68EE 48% 41% 93% &0000000000000249.000000249° 80% 67% 56% 93%
Verde primavera médio #00FA9A 0% 98% 60% &0000000000000157.000000157° 100% 49% 100% 98%
Turquesa médio #48D1CC 28% 82% 80% &0000000000000178.000000178° 60% 55% 66% 82%
Vermelho violeta médio #C71585 78% 8% 52% &0000000000000322.000000322° 81% 43% 89% 78%
Midnight Blue #191970 10% 10% 44% &0000000000000240.000000240° 64% 27% 78% 44%
Mint Cream #F5FFFA 96% 100% 98% &0000000000000150.000000150° 100% 98% 4% 100%
Rosa embaçado #FFE4E1 100% 89% 88% &0000000000000006.000000 100% 94% 12% 100%
Moccasin #FFE4B5 100% 89% 71% &0000000000000038.00000038° 100% 86% 29% 100%
Navajo White #FFDEAD 100% 87% 68% &0000000000000036.00000036° 100% 84% 32% 100%
Naval #000080 0% 0% 50% &0000000000000240.000000240° 100% 25% 100% 50%
Old Lace #FDF5E6 99% 96% 90% &0000000000000039.00000039° 85% 95% 9% 99%
Oliva #808000 50% 50% 0% &0000000000000060.00000060° 100% 25% 100% 50%
Oliva parda #6B8E23 42% 56% 14% &0000000000000080.00000080° 61% 35% 75% 56%
Laranja #FFA500 100% 65% 0% &0000000000000039.00000039° 100% 50% 100% 100%
Vermelho laranja #FF4500 100% 27% 0% &0000000000000016.00000016° 100% 50% 100% 100%
Orquídea #DA70D6 85% 44% 84% &0000000000000302.000000302° 59% 65% 49% 85%
Dourado pálido #EEE8AA 93% 91% 67% &0000000000000055.00000055° 67% 80% 29% 93%
Verde pálido #98FB98 60% 98% 60% &0000000000000120.000000120° 93% 79% 39% 98%
Violeta-vermelho pálido #DB7093 86% 44% 58% &0000000000000340.000000340° 60% 65% 49% 86%
Turquesa pálido #AFEEEE 69% 93% 93% &0000000000000180.000000180° 65% 81% 26% 93%
Violeta pálido #CC99FF 80% 60% 100% &0000000000000270.000000270° 100% 80% 40% 100%
Mamão batido #FFEFD5 100% 94% 84% &0000000000000037.00000037° 100% 92% 16% 100%
Patriarca #800080 50% 0% 50% &0000000000000300.000000300° 100% 25% 100% 50%
Pêssego #FFDAB9 100% 85% 73% &0000000000000028.00000028° 100% 86% 27% 100%
Pardo #CD853F 80% 52% 25% &0000000000000030.00000030° 59% 53% 69% 80%
Rosado #FFC0CB 100% 75% 80% &0000000000000350.000000350° 100% 88% 25% 100%
Ameixa #DDA0DD 87% 63% 87% &0000000000000300.000000300° 47% 75% 28% 87%
Azul pólvora #B0E0E6 69% 88% 90% &0000000000000187.000000187° 52% 80% 23% 90%
Púrpura #6A0DAD 42% 5% 68% &0000000000000275.000000275° 86% 37% 92% 68%
Vermelho #FF0000 100% 0% 0% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 100% 50% 100% 100%
Rosy Brown #BC8F8F 74% 56% 56% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 25% 65% 24% 74%
Azul real #4169E1 25% 41% 88% &0000000000000225.000000225° 73% 57% 71% 88%
Saddle Brown #8B4513 55% 27% 7% &0000000000000025.00000025° 76% 31% 86% 55%
Salmão #FA8072 98% 50% 45% &0000000000000006.000000 93% 71% 54% 98%
Sandy Brown #F4A460 96% 64% 38% &0000000000000028.00000028° 87% 67% 61% 96%
Sea Green #2E8B57 18% 55% 34% &0000000000000146.000000146° 50% 36% 67% 55%
Seashell #FFF5EE 100% 96% 93% &0000000000000025.00000025° 100% 97% 7% 100%
Sienna #A0522D 63% 32% 18% &0000000000000019.00000019° 56% 40% 72% 63%
Prata #C0C0C0 75% 75% 75% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 75% 0% 75%
Azul céu #87CEEB 53% 81% 92% &0000000000000197.000000197° 71% 73% 43% 92%
Azul ardósia #6A5ACD 42% 35% 80% &0000000000000248.000000248° 54% 58% 56% 80%
Cinza ardósia #708090 44% 50% 56% &0000000000000210.000000210° 13% 50% 22% 56%
Neve #FFFAFA 100% 98% 98% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 100% 99% 2% 100%
Spring Green #00FF7F 0% 100% 50% &0000000000000150.000000150° 100% 50% 100% 100%
Azul aço #4682B4 27% 51% 71% &0000000000000207.000000207° 44% 49% 61% 71%
Castanho #D2B48C 82% 71% 55% &0000000000000034.00000034° 44% 69% 33% 82%
Teal #008080 0% 50% 50% &0000000000000180.000000180° 100% 25% 100% 50%
Thistle #D8BFD8 85% 75% 85% &0000000000000300.000000300° 24% 80% 12% 85%
Tomato #FF6347 100% 39% 28% &0000000000000009.000000 100% 64% 72% 100%
Turquesa #40E0D0 25% 88% 82% &0000000000000174.000000174° 72% 57% 71% 88%
Violeta #7F00FF 50% 0% 100% &0000000000000270.000000270° 100% 50% 100% 100%
Trigo #F5DEB3 96% 87% 70% &0000000000000039.00000039° 77% 83% 27% 96%
Branco #FFFFFF 100% 100% 100% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 100% 0% 100%
White Smoke #F5F5F5 96% 96% 96% &-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.000000 0% 96% 0% 96%
Amarelo #FFFF00 100% 100% 0% &0000000000000060.00000060° 100% 50% 100% 100%
Verde amarelado #9ACD32 60% 80% 20% &0000000000000080.00000080° 61% 50% 76% 80%

Tonalidades de cinza

editar

A lista acima cobre apenas as cores suportadas pelos navegadores populares. Alguns navegadores como o Netscape Navigator insistiu em um ‘a’ em todo ‘Gray’ exceto para ‘Light Grey’.

O completo rgb.txt define 101 tons de ‘Gray 0’ (black) até ‘Gray 100’ (white) além de 'Gray' e suas variantes acima. Os tons são aparentemente definidos pela fórmula Gray N := round(N% × 255) resultando em ex. ‘Gray 96’ , que por acaso é o mesmo que ‘White Smoke’. Similarmente ‘Dim Gray’ é o mesmo que ‘Gray 41’ .

Por outro lado ‘Gray’ situa-se entre ‘Gray 74’ e ‘Gray 75’ , ‘Dark Gray’ não é o mesmo que ‘Gray 66’ , e ‘Light Grey’ não é o mesmo que ‘Gray 83’ .

Variações de cor

editar

Para 78 cores conforme listado acima, rgb.txt oferece quatro variantes ‘color 1’, ‘color 2’, ‘color 3’, e ‘color 4’, com ‘color 1’ correspondendo a ‘color’, assim por exemplo, ‘Snow 1’ é o mesmo que ‘Snow’. Essas variações não são suportadas pelos navegadores populares nem adotou os padrões W3C.

As fórmulas usadas para determinar os valores RGB para essas variações parecem estar em algum lugar próximo

color 2 := color × 93.2%
color 3 := color × 80.4%
color 4 := color × 54.8%

Exemplos:

  • 205.2 = 255 × 80.4/100 e 192.96 = 240 × 80.4/100 explica ‘Ivory 3’ (205, 205, 196) com base em ‘Ivory’ (255, 255, 240).
  • 139.74 = 255 × 54.8/100 e 131.52 = 240 × 54.8/100 estão perto de ‘Azure 4’ (131, 139, 139) com base em ‘Azure’ (240, 255, 255).
  • 237.66 = 255 × 93.2/100 produz ‘Yellow 2’ (238, 238, 0) com base em ‘Yellow’ (255, 255 ,0).

Ver também

editar

Referências

Ligações externas

editar