Central da Comunidade
Advertisement

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

Mais ajuda e feedback

Advertisement