Cores podem ser adicionadas a sua comunidade em uma variedade de lugares. Por exemplo, você pode usar o designer de temas para customizar a paleta de cores de sua wiki. Ou você pode adicionar cores mais específicas através das predefinições e CSS da sua comunidade.
Definindo as cores[]
códigos Hexadecimais[]
Cada cor imaginável pode ser representada por um código hexadecimal de seis dígitos — uma representação numérica da quantidade de vermelho, verde e azul presentes em uma cor em particular. O RGBA é outro modelo de cor que é frequentemente usado na web. ele inclui não apenas o vermelho, verde e azul, mas também o "alpha" ou canais de transparência. Sendo assim, códigos hex e RGB/RGBA são mais precisos — se bem que menos amigáveis ao usuário — do que nomes de cores.
Nas tabelas abaixo estão alguns códigos hex para algumas cores. se quiser usar alguma dessas, apenas adicione o codigo onde for apropriado. Por exemplo, se você deseja tornar a cor do seu botão branca no designer de temas, copie o código hexadecimal dessa cor (#FFFFFF). Então, adicione-o ao campo de entrada na aba de personalização.
Observe: Códigos Hex não são case-sensitive, então #ffffff e #FFFFFF representam a mesma coisa.
Nomes de cores[]
Existem dois tipos principais de nomes de cores que são preferidos, HTML e cores web.
Nomes de cores HTML[]
Para facilitar o uso, algumas cores têm palavras-chave de cores — nomes (case-insensitive), como red e YELLOW. A especificação HTML 4.01[1] definiu desesseis palavras-chave de cores "básicas":
| Nome | Código Hex |
|---|---|
| cyan | #00FFFF |
| navy | #000080 |
| black | #000000 |
| olive | #808000 |
| blue | #0000FF |
| purple | #800080 |
| fuchsia | #FF00FF |
| red | #FF0000 |
| Nome | Código Hex |
|---|---|
| green | #008000 |
| silver | #C0C0C0 |
| gray | #808080 |
| teal | #008080 |
| lime | #00FF00 |
| white | #FFFFFF |
| maroon | #800000 |
| yellow | #FFFF00 |
Nome de cores RGBA[]
Observe: Você pode também encontrar códigos RGB que são o iguais aos códigos RGBA, mas sem o canal alpha. Isso os torna equivalentes aos códigos HTML listados acima.
Os canais de cores variam em valor de 0 a 255, enquanto o canal alpha ou transparencia sempre tem um valor entre 0 e 1, com 0 representando completa trasparência e 1 completa opacidade.
O primeiro dos quatro números representa o canal vermelho, o segundo representa o canal verde, o terceiro representa o canal azul, e o quarto o canal alpha.
| Nome | Código RGBA |
|---|---|
| cyan | rgba(0, 255, 255, 1) |
| navy | rgba(0, 0, 128, 1) |
| black | rgba(0, 0, 0, 1) |
| olive | rgba(128, 128, 0, 1) |
| blue | rgba(0, 0, 255, 1) |
| purple | rgba(128, 0, 128, 1) |
| fuchsia | rgba(255, 0, 255, 1) |
| red | rgba(255, 0, 0, 1) |
| Nome | Código RGBA |
|---|---|
| green | rgba(0, 128, 0, 1) |
| silver | rgba(192, 192, 192, 1) |
| gray | rgba(128, 128, 128, 1) |
| teal | rgba(0, 128, 128, 1) |
| lime | rgba(0, 255, 0, 1) |
| white | rgba(255, 255, 255, 1) |
| maroon | rgba(128, 0, 0, 1) |
| yellow | rgba(255, 255, 0, 1) |
Nomes de cores Web[]
Se você passou algum tempo codificando, você sabe que existem outros nomes de cores, como cornflowerblue e linen. Essas palavras-chave extendidas de cores são nomes de cores X11, definidas por navegadores web.
A primeira versão do sistema X Window determinava as palavras-chave de cores por nomes de cores X11. Hoje, cores web, decendentes do sistema X11, fornece as cores disponíveis.
Uma grande lista de cores usáveis e seus códigos hex equivalentes pode ser encontrada na Wikipedia.[2][3]
Cores Fluorescentes[]
Cores Fluorescentes ou neon podem aparecer para fazer as páginas de sua wiki brilhar, dependendo de como você configurou as suas cores base designer de temas. O efeito pode ser cativante e eficaz. Então fique a vontade para usá-las. Mas lembre-se: um pouco de neon vai longe!
| Nome | Código Hex |
|---|---|
| Rainshower | #C9FFE5 |
| Blizzard Blue | #A3E3ED |
| Psychedelic Purple | #FA00FF |
| Harlequin | #3FFF00 |
| Bubbles | #E7FEFF |
| Razzle Dazzle Rose | #FF33CC |
| Electric Purple | #BF00FF |
| Hot Magenta | #FF00CC |
| Neon Carrot | #FFA343 |
| Chartreuse Yellow | #DFFF00 |
| Shocking Pink | #FC0FC0 |
| Nome | Código Hex |
|---|---|
| Screamin' Green | #66FF66 |
| Purple Pizzazz | #FE4EDA |
| Electric Violet | #8B00FF |
| Sunglow | #FFCC33 |
| Electric Lime | #CCFF00 |
| Snowy Mint | #D6FFDB |
| Flamingo Pink | #FF66FF |
| Infra Red | #FF496C |
| Laser Lemon | #FFFF66 |
| Phlox | #DF00FF |
| Veronica | #A020F0 |
Várias ferramentas online estão disponíveis para poder ajuda-lo a escolher a cor certa.
Cor e acessibilidade[]
Embora ser criativo com as cores possa melhorar muito a aparência da sua wiki, é importante ter em mente que nem todos percebem as cores da mesma maneira. Manter sua wiki acessível ao daltônicos ou pessoas com qualquer outra deficiência visual também é importante.
Os contrastes nítidos também podem ser considerados "difíceis aos olhos" e devem ser evitados. Um site útil é o Contrast Checker.
Referências[]
Veja também[]
- Web colors na Wikipedia, a qual essa página foi baseada
- 4096 Color Wheel
- Color Names and Hue by Colblindor
- The Do's and Don'ts of Designing with Neon Colors
- Color Blindness & Web Design
- Uma visão geral de como o contrate afeta as escolhas de cores na sua wiki
- Editando o visual de sua wiki com o Designer de temas
Mais ajuda e feedback[]
- Navegue e pesquise outras páginas de ajuda em Ajuda:Conteúdos.
- Confira a Central da Comunidade Fandom para fontes de ajuda e suporte adicional.
- Confira o Contatando o Fandom para saber como relatar quaisquer erros ou medidas pouco claras neste artigo.