Nomes de cores no X11
A tradução deste artigo está abaixo da qualidade média aceitável. (Setembro de 2021) |
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
editarTalvez 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
editarEstas 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.
| Nome | Tripleto Hex | Red | Green | Blue | Matiz | Satur | Luz | Satur | Valor | nome W3C |
|---|---|---|---|---|---|---|---|---|---|---|
| Azul alice | #F0F8FF | 94% | 97% | 100% | 208° | 100% | 97% | 6% | 100% | |
| Branco antigo | #FAEBD7 | 98% | 92% | 84% | 34° | 78% | 91% | 14% | 98% | |
| Água | #00FFFF | 0% | 100% | 100% | 180° | 100% | 50% | 100% | 100% | |
| Aquamarine | #7FFFD4 | 50% | 100% | 83% | 160° | 100% | 75% | 50% | 100% | |
| Azure | #F0FFFF | 94% | 100% | 100% | 180° | 100% | 97% | 6% | 100% | |
| Beige | #F5F5DC | 96% | 96% | 86% | 60° | 56% | 91% | 10% | 96% | |
| Bisque | #FFE4C4 | 100% | 89% | 77% | 33° | 100% | 88% | 23% | 100% | |
| Preto | #000000 | 0% | 0% | 0% | 0° | 0% | 0% | 0% | 0% | |
| Blanched Almond | #FFEBCD | 100% | 92% | 80% | 36° | 100% | 90% | 20% | 100% | |
| Azul | #0000FF | 0% | 0% | 100% | 240° | 100% | 50% | 100% | 100% | |
| Violeta azul | #8A2BE2 | 54% | 17% | 89% | 271° | 76% | 53% | 81% | 89% | |
| Marrom | #993300 | 60% | 20% | 0% | 20° | 100% | 30% | 100% | 60% | |
| Burlywood | #DEB887 | 87% | 72% | 53% | 34° | 57% | 70% | 39% | 87% | |
| Azul cadete | #5F9EA0 | 37% | 62% | 63% | 182° | 26% | 50% | 41% | 63% | |
| Cerúleo | #02A4D3 | 1% | 64% | 83% | 193° | 98% | 42% | 99% | 83% | |
| Chartreuse | #7FFF00 | 50% | 100% | 0% | 90° | 100% | 50% | 100% | 100% | |
| Chocolate | #D2691E | 82% | 41% | 12% | 25° | 75% | 47% | 86% | 82% | |
| Coral | #FF7F50 | 100% | 50% | 31% | 16° | 100% | 66% | 69% | 100% | |
| Cornflower | #6495ED | 39% | 58% | 93% | 219° | 79% | 66% | 58% | 93% | |
| Cornsilk | #FFF8DC | 100% | 97% | 86% | 48° | 100% | 93% | 14% | 100% | |
| Crimson | #DC143C | 86% | 8% | 24% | 348° | 83% | 47% | 91% | 86% | |
| Ciano | #00B7EB | 0% | 72% | 92% | 193° | 100% | 46% | 100% | 92% | |
| Azul escuro | #00008B | 0% | 0% | 55% | 240° | 100% | 27% | 100% | 55% | |
| Ciano escuro | #008B8B | 0% | 55% | 55% | 180° | 100% | 27% | 100% | 55% | |
| Azul elétrico escuro | #536878 | 33% | 41% | 47% | 206° | 18% | 40% | 31% | 47% | |
| Ouro escuro | #AA6C39 | 67% | 42% | 22% | 27° | 50% | 45% | 66% | 67% | |
| Dourado escuro | #B8860B | 72% | 53% | 4% | 43° | 89% | 38% | 94% | 72% | |
| Cinza escuro | #A9A9A9 | 66% | 66% | 66% | 0° | 0% | 66% | 0% | 66% | |
| Verde escuro | #013220 | 0% | 20% | 13% | 158° | 96% | 10% | 98% | 20% | |
| Caqui escuro | #BDB76B | 74% | 72% | 42% | 56° | 38% | 58% | 43% | 74% | |
| Magenta escuro | #8B008B | 55% | 0% | 55% | 300° | 100% | 27% | 100% | 55% | |
| Verde oliva escura | #556B2F | 33% | 42% | 18% | 82° | 39% | 30% | 56% | 42% | |
| Laranja escuro | #FF8C00 | 100% | 55% | 0% | 33° | 100% | 50% | 100% | 100% | |
| Orquídea escuro | #9932CC | 60% | 20% | 80% | 280° | 61% | 50% | 75% | 80% | |
| Vermelho escuro | #8B0000 | 55% | 0% | 0% | 0° | 100% | 27% | 100% | 55% | |
| Salmão escuro | #E9967A | 91% | 59% | 48% | 15° | 72% | 70% | 48% | 91% | |
| Verde mar escuro | #8FBC8F | 56% | 74% | 56% | 120° | 25% | 65% | 24% | 74% | |
| Azul ardósia escuro | #483D8B | 28% | 24% | 55% | 248° | 39% | 39% | 56% | 55% | |
| Cinza ardósia escuro | #2F4F4F | 18% | 31% | 31% | 180° | 25% | 25% | 41% | 31% | |
| Turquesa escuro | #00CED1 | 0% | 81% | 82% | 181° | 100% | 41% | 100% | 82% | |
| Violeta escuro | #9400D3 | 58% | 0% | 83% | 282° | 100% | 41% | 100% | 83% | |
| Amarelo escuro | #9B870C | 61% | 53% | 5% | 52° | 86% | 33% | 92% | 61% | |
| Rosa profundo | #FF1493 | 100% | 8% | 58% | 328° | 100% | 54% | 92% | 100% | |
| Deep Sky Blue | #00BFFF | 0% | 75% | 100% | 195° | 100% | 50% | 100% | 100% | |
| Dim Gray | #696969 | 41% | 41% | 41% | 0° | 0% | 41% | 0% | 41% | |
| Azul furtivo | #1E90FF | 12% | 56% | 100% | 210° | 100% | 56% | 88% | 100% | |
| Firebrick | #B22222 | 70% | 13% | 13% | 0° | 68% | 42% | 81% | 70% | |
| Branco floral | #FFFAF0 | 100% | 98% | 94% | 40° | 100% | 97% | 6% | 100% | |
| Verde floresta | #228B22 | 13% | 55% | 13% | 120° | 61% | 34% | 76% | 55% | |
| Fuchsia | #FF00FF | 100% | 0% | 100% | 300° | 100% | 50% | 100% | 100% | |
| Gainsboro | #DCDCDC | 86% | 86% | 86% | 0° | 0% | 86% | 0% | 86% | |
| Branco fantasma | #F8F8FF | 97% | 97% | 100% | 240° | 100% | 99% | 3% | 100% | |
| Ouro | #FFD700 | 100% | 84% | 0% | 51° | 100% | 50% | 100% | 100% | |
| Dourado | #DAA520 | 85% | 65% | 13% | 43° | 74% | 49% | 85% | 85% | |
| Gray (X11) | #BEBEBE | 75% | 75% | 75% | 0° | 0% | 75% | 0% | 75% | |
| Gray (W3C) | #808080 | 50% | 50% | 50% | 0° | 0% | 50% | 0% | 50% | |
| Green (X11) | #00FF00 | 0% | 100% | 0% | 120° | 100% | 50% | 100% | 100% | |
| Green (W3C) | #008000 | 0% | 50% | 0% | 120° | 100% | 25% | 100% | 50% | |
| Amarelado verde | #ADFF2F | 68% | 100% | 18% | 84° | 100% | 59% | 82% | 100% | |
| Honeydew | #F0FFF0 | 94% | 100% | 94% | 120° | 100% | 97% | 6% | 100% | |
| Rosa forte | #FF69B4 | 100% | 41% | 71% | 330° | 100% | 71% | 59% | 100% | |
| Vermelho indiano | #CD5C5C | 80% | 36% | 36% | 0° | 53% | 58% | 55% | 80% | |
| Índigo | #4B0082 | 29% | 0% | 51% | 275° | 100% | 26% | 100% | 51% | |
| Marfim | #FFFFF0 | 100% | 100% | 94% | 60° | 100% | 97% | 6% | 100% | |
| Caqui | #F0E68C | 94% | 90% | 55% | 54° | 77% | 75% | 42% | 94% | |
| Lavanda | #B57EDC | 71% | 49% | 86% | 275° | 57% | 68% | 43% | 86% | |
| Lavanda avermelhada | #FFF0F5 | 100% | 94% | 96% | 340° | 100% | 97% | 6% | 100% | |
| Lavanda magenta | #EE82EE | 93% | 51% | 93% | 300° | 76% | 72% | 45% | 93% | |
| Lavender Mist | #E6E6FA | 90% | 90% | 98% | 240° | 67% | 94% | 8% | 98% | |
| Verde grama | #7CFC00 | 49% | 99% | 0% | 90° | 100% | 49% | 100% | 99% | |
| Lemon Chiffon | #FFFACD | 100% | 98% | 80% | 54° | 100% | 90% | 20% | 100% | |
| Azul claro | #ADD8E6 | 68% | 85% | 90% | 195° | 53% | 79% | 25% | 90% | |
| Coral claro | #F08080 | 94% | 50% | 50% | 0° | 79% | 72% | 47% | 94% | |
| Ciano claro | #E0FFFF | 88% | 100% | 100% | 180° | 100% | 94% | 12% | 100% | |
| Amarelo ouro claro | #FAFAD2 | 98% | 98% | 82% | 60° | 80% | 90% | 16% | 98% | |
| Cinza claro | #D3D3D3 | 83% | 83% | 83% | 0° | 0% | 83% | 0% | 83% | |
| Verde claro | #90EE90 | 56% | 93% | 56% | 120° | 73% | 75% | 39% | 93% | |
| Caqui claro | #F0E68C | 94% | 90% | 55% | 54° | 77% | 75% | 42% | 94% | |
| Rosado claro | #FFB6C1 | 100% | 71% | 76% | 351° | 100% | 86% | 29% | 100% | |
| Salmão claro | #FFA07A | 100% | 63% | 48% | 17° | 100% | 74% | 52% | 100% | |
| Verde mar claro | #20B2AA | 13% | 70% | 67% | 177° | 70% | 41% | 82% | 70% | |
| Azul céu claro | #87CEFA | 53% | 81% | 98% | 203° | 92% | 76% | 46% | 98% | |
| Cinza ardósia claro | #778899 | 47% | 53% | 60% | 210° | 14% | 53% | 22% | 60% | |
| Azul aço claro | #B0C4DE | 69% | 77% | 87% | 214° | 41% | 78% | 21% | 87% | |
| Violeta claro | #B09DB9 | 69% | 62% | 73% | 281° | 17% | 67% | 15% | 73% | |
| Amarelo claro | #FFFFE0 | 100% | 100% | 88% | 60° | 100% | 94% | 12% | 100% | |
| Lilás | #C8A2C8 | 78% | 64% | 78% | 300° | 26% | 71% | 19% | 78% | |
| Lime (W3C) | #00FF00 | 0% | 100% | 0% | 120° | 100% | 50% | 100% | 100% | |
| Verde lima | #32CD32 | 20% | 80% | 20% | 120° | 61% | 50% | 76% | 80% | |
| Linen | #FAF0E6 | 98% | 94% | 90% | 30° | 67% | 94% | 8% | 98% | |
| Magenta | #FF00FF | 100% | 0% | 100% | 300° | 100% | 50% | 100% | 100% | |
| Maroon (X11) | #B03060 | 69% | 19% | 38% | 338° | 57% | 44% | 73% | 69% | |
| Maroon (W3C) | #7F0000 | 50% | 0% | 0% | 0° | 100% | 25% | 100% | 50% | |
| Água-marinha médio | #66CDAA | 40% | 80% | 67% | 160° | 51% | 60% | 50% | 80% | |
| Azul médio | #0000CD | 0% | 0% | 80% | 240° | 100% | 40% | 100% | 80% | |
| Orquídea média | #BA55D3 | 73% | 33% | 83% | 288° | 59% | 58% | 60% | 83% | |
| Púrpura médio | #9370DB | 58% | 44% | 86% | 260° | 60% | 65% | 49% | 86% | |
| Verde mar médio | #3CB371 | 24% | 70% | 44% | 147° | 50% | 47% | 66% | 70% | |
| Azul ardósia médio | #7B68EE | 48% | 41% | 93% | 249° | 80% | 67% | 56% | 93% | |
| Verde primavera médio | #00FA9A | 0% | 98% | 60% | 157° | 100% | 49% | 100% | 98% | |
| Turquesa médio | #48D1CC | 28% | 82% | 80% | 178° | 60% | 55% | 66% | 82% | |
| Vermelho violeta médio | #C71585 | 78% | 8% | 52% | 322° | 81% | 43% | 89% | 78% | |
| Midnight Blue | #191970 | 10% | 10% | 44% | 240° | 64% | 27% | 78% | 44% | |
| Mint Cream | #F5FFFA | 96% | 100% | 98% | 150° | 100% | 98% | 4% | 100% | |
| Rosa embaçado | #FFE4E1 | 100% | 89% | 88% | 6° | 100% | 94% | 12% | 100% | |
| Moccasin | #FFE4B5 | 100% | 89% | 71% | 38° | 100% | 86% | 29% | 100% | |
| Navajo White | #FFDEAD | 100% | 87% | 68% | 36° | 100% | 84% | 32% | 100% | |
| Naval | #000080 | 0% | 0% | 50% | 240° | 100% | 25% | 100% | 50% | |
| Old Lace | #FDF5E6 | 99% | 96% | 90% | 39° | 85% | 95% | 9% | 99% | |
| Oliva | #808000 | 50% | 50% | 0% | 60° | 100% | 25% | 100% | 50% | |
| Oliva parda | #6B8E23 | 42% | 56% | 14% | 80° | 61% | 35% | 75% | 56% | |
| Laranja | #FFA500 | 100% | 65% | 0% | 39° | 100% | 50% | 100% | 100% | |
| Vermelho laranja | #FF4500 | 100% | 27% | 0% | 16° | 100% | 50% | 100% | 100% | |
| Orquídea | #DA70D6 | 85% | 44% | 84% | 302° | 59% | 65% | 49% | 85% | |
| Dourado pálido | #EEE8AA | 93% | 91% | 67% | 55° | 67% | 80% | 29% | 93% | |
| Verde pálido | #98FB98 | 60% | 98% | 60% | 120° | 93% | 79% | 39% | 98% | |
| Violeta-vermelho pálido | #DB7093 | 86% | 44% | 58% | 340° | 60% | 65% | 49% | 86% | |
| Turquesa pálido | #AFEEEE | 69% | 93% | 93% | 180° | 65% | 81% | 26% | 93% | |
| Violeta pálido | #CC99FF | 80% | 60% | 100% | 270° | 100% | 80% | 40% | 100% | |
| Mamão batido | #FFEFD5 | 100% | 94% | 84% | 37° | 100% | 92% | 16% | 100% | |
| Patriarca | #800080 | 50% | 0% | 50% | 300° | 100% | 25% | 100% | 50% | |
| Pêssego | #FFDAB9 | 100% | 85% | 73% | 28° | 100% | 86% | 27% | 100% | |
| Pardo | #CD853F | 80% | 52% | 25% | 30° | 59% | 53% | 69% | 80% | |
| Rosado | #FFC0CB | 100% | 75% | 80% | 350° | 100% | 88% | 25% | 100% | |
| Ameixa | #DDA0DD | 87% | 63% | 87% | 300° | 47% | 75% | 28% | 87% | |
| Azul pólvora | #B0E0E6 | 69% | 88% | 90% | 187° | 52% | 80% | 23% | 90% | |
| Púrpura | #6A0DAD | 42% | 5% | 68% | 275° | 86% | 37% | 92% | 68% | |
| Vermelho | #FF0000 | 100% | 0% | 0% | 0° | 100% | 50% | 100% | 100% | |
| Rosy Brown | #BC8F8F | 74% | 56% | 56% | 0° | 25% | 65% | 24% | 74% | |
| Azul real | #4169E1 | 25% | 41% | 88% | 225° | 73% | 57% | 71% | 88% | |
| Saddle Brown | #8B4513 | 55% | 27% | 7% | 25° | 76% | 31% | 86% | 55% | |
| Salmão | #FA8072 | 98% | 50% | 45% | 6° | 93% | 71% | 54% | 98% | |
| Sandy Brown | #F4A460 | 96% | 64% | 38% | 28° | 87% | 67% | 61% | 96% | |
| Sea Green | #2E8B57 | 18% | 55% | 34% | 146° | 50% | 36% | 67% | 55% | |
| Seashell | #FFF5EE | 100% | 96% | 93% | 25° | 100% | 97% | 7% | 100% | |
| Sienna | #A0522D | 63% | 32% | 18% | 19° | 56% | 40% | 72% | 63% | |
| Prata | #C0C0C0 | 75% | 75% | 75% | 0° | 0% | 75% | 0% | 75% | |
| Azul céu | #87CEEB | 53% | 81% | 92% | 197° | 71% | 73% | 43% | 92% | |
| Azul ardósia | #6A5ACD | 42% | 35% | 80% | 248° | 54% | 58% | 56% | 80% | |
| Cinza ardósia | #708090 | 44% | 50% | 56% | 210° | 13% | 50% | 22% | 56% | |
| Neve | #FFFAFA | 100% | 98% | 98% | 0° | 100% | 99% | 2% | 100% | |
| Spring Green | #00FF7F | 0% | 100% | 50% | 150° | 100% | 50% | 100% | 100% | |
| Azul aço | #4682B4 | 27% | 51% | 71% | 207° | 44% | 49% | 61% | 71% | |
| Castanho | #D2B48C | 82% | 71% | 55% | 34° | 44% | 69% | 33% | 82% | |
| Teal | #008080 | 0% | 50% | 50% | 180° | 100% | 25% | 100% | 50% | |
| Thistle | #D8BFD8 | 85% | 75% | 85% | 300° | 24% | 80% | 12% | 85% | |
| Tomato | #FF6347 | 100% | 39% | 28% | 9° | 100% | 64% | 72% | 100% | |
| Turquesa | #40E0D0 | 25% | 88% | 82% | 174° | 72% | 57% | 71% | 88% | |
| Violeta | #7F00FF | 50% | 0% | 100% | 270° | 100% | 50% | 100% | 100% | |
| Trigo | #F5DEB3 | 96% | 87% | 70% | 39° | 77% | 83% | 27% | 96% | |
| Branco | #FFFFFF | 100% | 100% | 100% | 0° | 0% | 100% | 0% | 100% | |
| White Smoke | #F5F5F5 | 96% | 96% | 96% | 0° | 0% | 96% | 0% | 96% | |
| Amarelo | #FFFF00 | 100% | 100% | 0% | 60° | 100% | 50% | 100% | 100% | |
| Verde amarelado | #9ACD32 | 60% | 80% | 20% | 80° | 61% | 50% | 76% | 80% |
Tonalidades de cinza
editarA 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
editarPara 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
editarReferências
Ligações externas
editar- “SVG Color Keywords”, CSS Color Module Level 3, e “Recognized Color Keyword Names, SVG 1.1, duas especificações do W3C.
- X11 rgb.txt 1.1 em Xfree.86.org, 1994, e X11 rgb.txt 1.2, 2005 (excluindo 96 aliases).
- “X11 Colors list for Mac OS X” – tem um link para um script Perl para converter rgb.txt em um arquivo Mac OS X color picker (.clr), com ou sem nomes duplicados.
- Aubrey Jaffer. “Color-Name Dictionaries”. Página Jaffer auto-publicada inclui informação extensiva sobre e comparações entre dicionários de color-name.