Diferenças entre edições de "Ajuda:Cores"
(7 edições intermédias não estão a ser mostradas.) | |||
Linha 1: | Linha 1: | ||
− | As cores na Wiki são específicadas usando o formato #RRGGBB, onde RR, GG e BB são dígitos hexadecimais que representam o brilho dos componentes RGB (vermelho ''('''R'''ed)'', verde ''('''G'''reen)'' e azul ''('''B'''lue)'') da | + | As cores na Wiki são específicadas usando o formato #RRGGBB, onde RR, GG e BB são dígitos hexadecimais que representam o brilho dos componentes RGB (vermelho ''('''R'''ed)'', verde ''('''G'''reen)'' e azul ''('''B'''lue)'') da cor. Cada componente, em hexadecimal, varia de 00 a FF ( 0 a 255). São assim permitidos 256 níveis de brilho por cada componente. O conjunto dos três componentes varia de 000000 a FFFFFF, resultando em 16.777.216 cores diferentes. |
As seguintes tabelas apresentam algumas das cores disponíveis. | As seguintes tabelas apresentam algumas das cores disponíveis. | ||
Linha 14: | Linha 14: | ||
| style="color:white; background:#666666"|666666 | | style="color:white; background:#666666"|666666 | ||
| style="color:white; background:#777777"|777777 | | style="color:white; background:#777777"|777777 | ||
+ | |- | ||
| style="background:#888888"|888888 | | style="background:#888888"|888888 | ||
| style="background:#999999"|999999 | | style="background:#999999"|999999 | ||
Linha 27: | Linha 28: | ||
{| | {| | ||
|- | |- | ||
− | |style="background:#222222;"|222222 | + | |style="color:gray; background:#222222;"|222222 |
− | |style="background:#442222;"|442222 | + | |style="color:gray; background:#442222;"|442222 |
− | |style="background:#662222;"|662222 | + | |style="color:gray; background:#662222;"|662222 |
|style="background:#882222;"|882222 | |style="background:#882222;"|882222 | ||
|style="background:#AA2222;"|AA2222 | |style="background:#AA2222;"|AA2222 | ||
Linha 35: | Linha 36: | ||
|style="background:#EE2222;"|EE2222 | |style="background:#EE2222;"|EE2222 | ||
|- | |- | ||
− | |style="background:#224422;"|224422 | + | |style="color:gray; background:#224422;"|224422 |
− | |style="background:#444422;"|444422 | + | |style="color:gray; background:#444422;"|444422 |
− | |style="background:#664422;"|664422 | + | |style="color:gray; background:#664422;"|664422 |
|style="background:#884422;"|884422 | |style="background:#884422;"|884422 | ||
|style="background:#AA4422;"|AA4422 | |style="background:#AA4422;"|AA4422 | ||
Linha 83: | Linha 84: | ||
|style="background:#EEEE22;"|EEEE22 | |style="background:#EEEE22;"|EEEE22 | ||
|- | |- | ||
− | |style="background:#222244;"|222244 | + | |style="color:gray; background:#222244;"|222244 |
− | |style="background:#442244;"|442244 | + | |style="color:gray; background:#442244;"|442244 |
− | |style="background:#662244;"|662244 | + | |style="color:gray; background:#662244;"|662244 |
|style="background:#882244;"|882244 | |style="background:#882244;"|882244 | ||
|style="background:#AA2244;"|AA2244 | |style="background:#AA2244;"|AA2244 | ||
Linha 91: | Linha 92: | ||
|style="background:#EE2244;"|EE2244 | |style="background:#EE2244;"|EE2244 | ||
|- | |- | ||
− | |style="background:#224444;"|224444 | + | |style="color:gray; background:#224444;"|224444 |
− | |style="background:#444444;"|444444 | + | |style="color:gray; background:#444444;"|444444 |
− | |style="background:#664444;"|664444 | + | |style="color:gray; background:#664444;"|664444 |
|style="background:#884444;"|884444 | |style="background:#884444;"|884444 | ||
|style="background:#AA4444;"|AA4444 | |style="background:#AA4444;"|AA4444 | ||
Linha 422: | Linha 423: | ||
==Cores pré-definidas== | ==Cores pré-definidas== | ||
− | Em geral, para as seguintes cores básicas pode usar-se o nome da própria | + | Em geral, para as seguintes cores básicas pode usar-se directamente o nome da própria cor abaixo, em vez de especificar os respectivos componentes RBG: |
− | {| | + | :{{legenda|Brown|Brown}} |
− | | | + | :{{legenda|Red|Red}} |
− | | | + | :{{legenda|Orange|Orange}} |
− | | | + | :{{legenda|Yellow|Yellow}} |
− | | | + | :{{legenda|Pink|Pink}} |
− | | | + | :{{legenda|Cyan|Cyan}} |
− | | | + | :{{legenda|Blue|Blue}} |
− | | | + | :{{legenda|Navy|Navy}} |
− | | | + | :{{legenda|Green|Green}} |
− | |- | + | :{{legenda|White|White}} |
− | + | :{{legenda|Gray|Gray}} | |
− | | | + | :{{legenda|Black|Black}} |
− | |- | + | |
− | | | + | Adicionalmente, existem algumas cores padronizadas que são específicas da wiki e do Think Finance e estão definidas na predefinição [[Predefinição:Cor]]. Estas cores não podem ser assumidas como constantes no tempo e poderão futuramente variar. Devem ser adoptadas para elementos de composição que estejam associados à imagem do Think Finance e que devam no futuro acompanhar evoluções nessa imagem como, por exemplo, o esquema de cores de algumas predefinições. |
− | | style="background: | + | |
− | |- | + | ==Como usar cores== |
− | + | Usando as propriedades de cor dos diferentes elementos, é possível colorir texto e tabelas especificando a cor RGB pretendida ou usando as cores pré-definidas, das seguintes formas: | |
− | | style="background: | + | |
− | + | {| border="1" cellpadding="2" cellspacing="0" | |
− | + | |----- | |
− | + | ! Efeito obtido | |
− | + | ! Código wiki | |
− | | | + | |----- |
− | + | | colspan=2 style="background:#eeeeee" | COR RGB | |
− | + | |----- | |
− | + | | style="background:#aaEE88" | | |
− | + | <font color=#4422EE>Um</font> | |
− | |- | + | <font color=#cc6666>texto</font> |
− | | | + | <font color=#EE8866>muito</font> |
− | + | <font color=#ee2244>colorido</font>. | |
− | + | ||
− | | | + | <small>Nota: a especificação RGB pode |
− | | style="background: | + | ser feita indiferentemente com letras |
− | + | maiúsculas ou minúsculas.</small> | |
− | + | | <pre><nowiki> | |
− | | style="background: | + | style="background:aaEE88" (da célula desta tabela) |
+ | <font color=#4422EE>Um</font> | ||
+ | <font color=#cc6666>texto</font> | ||
+ | <font color=#EE8866>muito</font> | ||
+ | <font color=#ee2244>colorido</font>. | ||
+ | |||
+ | <small>Nota: a especificação RGB pode | ||
+ | ser feita indiferentemente com letras | ||
+ | maiúsculas ou minúsculas.</small> | ||
+ | </nowiki></pre> | ||
+ | |----- | ||
+ | | colspan=2 style="background:#eeeeee" | COR PRÉ-DEFINIDA | ||
+ | |----- | ||
+ | | style="background:yellow" | | ||
+ | <font color=red>Um</font> | ||
+ | <font color=green>texto</font> | ||
+ | <font color=blue>muito</font> | ||
+ | <font color=brown>colorido</font>. | ||
+ | | <pre><nowiki> | ||
+ | style="background:yellow" (da célula desta tabela) | ||
+ | <font color=red>Um</font> | ||
+ | <font color=green>texto</font> | ||
+ | <font color=blue>muito</font> | ||
+ | <font color=brown>colorido</font>. | ||
+ | </nowiki></pre> | ||
|} | |} | ||
− | [[Categoria:!Ajuda]] | + | |
+ | [[Categoria:!Ajuda|Cores]] |
Edição atual desde as 06h22min de 3 de novembro de 2008
As cores na Wiki são específicadas usando o formato #RRGGBB, onde RR, GG e BB são dígitos hexadecimais que representam o brilho dos componentes RGB (vermelho (Red), verde (Green) e azul (Blue)) da cor. Cada componente, em hexadecimal, varia de 00 a FF ( 0 a 255). São assim permitidos 256 níveis de brilho por cada componente. O conjunto dos três componentes varia de 000000 a FFFFFF, resultando em 16.777.216 cores diferentes.
As seguintes tabelas apresentam algumas das cores disponíveis.
Níveis de cinzento
000000 | 111111 | 222222 | 333333 | 444444 | 555555 | 666666 | 777777 |
888888 | 999999 | AAAAAA | BBBBBB | CCCCCC | DDDDDD | EEEEEE | FFFFFF |
Cores
222222 | 442222 | 662222 | 882222 | AA2222 | CC2222 | EE2222 |
224422 | 444422 | 664422 | 884422 | AA4422 | CC4422 | EE4422 |
226622 | 446622 | 666622 | 886622 | AA6622 | CC6622 | EE6622 |
228822 | 448822 | 668822 | 888822 | AA8822 | CC8822 | EE8822 |
22AA22 | 44AA22 | 66AA22 | 88AA22 | AAAA22 | CCAA22 | EEAA22 |
22CC22 | 44CC22 | 66CC22 | 88CC22 | AACC22 | CCCC22 | EECC22 |
22EE22 | 44EE22 | 66EE22 | 88EE22 | AAEE22 | CCEE22 | EEEE22 |
222244 | 442244 | 662244 | 882244 | AA2244 | CC2244 | EE2244 |
224444 | 444444 | 664444 | 884444 | AA4444 | CC4444 | EE4444 |
226644 | 446644 | 666644 | 886644 | AA6644 | CC6644 | EE6644 |
228844 | 448844 | 668844 | 888844 | AA8844 | CC8844 | EE8844 |
22AA44 | 44AA44 | 66AA44 | 88AA44 | AAAA44 | CCAA44 | EEAA44 |
22CC44 | 44CC44 | 66CC44 | 88CC44 | AACC44 | CCCC44 | EECC44 |
22EE44 | 44EE44 | 66EE44 | 88EE44 | AAEE44 | CCEE44 | EEEE44 |
222266 | 442266 | 662266 | 882266 | AA2266 | CC2266 | EE2266 |
224466 | 444466 | 664466 | 884466 | AA4466 | CC4466 | EE4466 |
226666 | 446666 | 666666 | 886666 | AA6666 | CC6666 | EE6666 |
228866 | 448866 | 668866 | 888866 | AA8866 | CC8866 | EE8866 |
22AA66 | 44AA66 | 66AA66 | 88AA66 | AAAA66 | CCAA66 | EEAA66 |
22CC66 | 44CC66 | 66CC66 | 88CC66 | AACC66 | CCCC66 | EECC66 |
22EE66 | 44EE66 | 66EE66 | 88EE66 | AAEE66 | CCEE66 | EEEE66 |
222288 | 442288 | 662288 | 882288 | AA2288 | CC2288 | EE2288 |
224488 | 444488 | 664488 | 884488 | AA4488 | CC4488 | EE4488 |
226688 | 446688 | 666688 | 886688 | AA6688 | CC6688 | EE6688 |
228888 | 448888 | 668888 | 888888 | AA8888 | CC8888 | EE8888 |
22AA88 | 44AA88 | 66AA88 | 88AA88 | AAAA88 | CCAA88 | EEAA88 |
22CC88 | 44CC88 | 66CC88 | 88CC88 | AACC88 | CCCC88 | EECC88 |
22EE88 | 44EE88 | 66EE88 | 88EE88 | AAEE88 | CCEE88 | EEEE88 |
2222AA | 4422AA | 6622AA | 8822AA | AA22AA | CC22AA | EE22AA |
2244AA | 4444AA | 6644AA | 8844AA | AA44AA | CC44AA | EE44AA |
2266AA | 4466AA | 6666AA | 8866AA | AA66AA | CC66AA | EE66AA |
2288AA | 4488AA | 6688AA | 8888AA | AA88AA | CC88AA | EE88AA |
22AAAA | 44AAAA | 66AAAA | 88AAAA | AAAAAA | CCAAAA | EEAAAA |
22CCAA | 44CCAA | 66CCAA | 88CCAA | AACCAA | CCCCAA | EECCAA |
22EEAA | 44EEAA | 66EEAA | 88EEAA | AAEEAA | CCEEAA | EEEEAA |
2222CC | 4422CC | 6622CC | 8822CC | AA22CC | CC22CC | EE22CC |
2244CC | 4444CC | 6644CC | 8844CC | AA44CC | CC44CC | EE44CC |
2266CC | 4466CC | 6666CC | 8866CC | AA66CC | CC66CC | EE66CC |
2288CC | 4488CC | 6688CC | 8888CC | AA88CC | CC88CC | EE88CC |
22AACC | 44AACC | 66AACC | 88AACC | AAAACC | CCAACC | EEAACC |
22CCCC | 44CCCC | 66CCCC | 88CCCC | AACCCC | CCCCCC | EECCCC |
22EECC | 44EECC | 66EECC | 88EECC | AAEECC | CCEECC | EEEECC |
2222EE | 4422EE | 6622EE | 8822EE | AA22EE | CC22EE | EE22EE |
2244EE | 4444EE | 6644EE | 8844EE | AA44EE | CC44EE | EE44EE |
2266EE | 4466EE | 6666EE | 8866EE | AA66EE | CC66EE | EE66EE |
2288EE | 4488EE | 6688EE | 8888EE | AA88EE | CC88EE | EE88EE |
22AAEE | 44AAEE | 66AAEE | 88AAEE | AAAAEE | CCAAEE | EEAAEE |
22CCEE | 44CCEE | 66CCEE | 88CCEE | AACCEE | CCCCEE | EECCEE |
22EEEE | 44EEEE | 66EEEE | 88EEEE | AAEEEE | CCEEEE | EEEEEE |
Cores pré-definidas
Em geral, para as seguintes cores básicas pode usar-se directamente o nome da própria cor abaixo, em vez de especificar os respectivos componentes RBG:
██ Brown
██ Red
██ Orange
██ Yellow
██ Pink
██ Cyan
██ Blue
██ Navy
██ Green
██ White
██ Gray
██ Black
Adicionalmente, existem algumas cores padronizadas que são específicas da wiki e do Think Finance e estão definidas na predefinição Predefinição:Cor. Estas cores não podem ser assumidas como constantes no tempo e poderão futuramente variar. Devem ser adoptadas para elementos de composição que estejam associados à imagem do Think Finance e que devam no futuro acompanhar evoluções nessa imagem como, por exemplo, o esquema de cores de algumas predefinições.
Como usar cores
Usando as propriedades de cor dos diferentes elementos, é possível colorir texto e tabelas especificando a cor RGB pretendida ou usando as cores pré-definidas, das seguintes formas:
Efeito obtido | Código wiki |
---|---|
COR RGB | |
Um texto muito colorido. Nota: a especificação RGB pode ser feita indiferentemente com letras maiúsculas ou minúsculas. |
style="background:aaEE88" (da célula desta tabela) <font color=#4422EE>Um</font> <font color=#cc6666>texto</font> <font color=#EE8866>muito</font> <font color=#ee2244>colorido</font>. <small>Nota: a especificação RGB pode ser feita indiferentemente com letras maiúsculas ou minúsculas.</small> |
COR PRÉ-DEFINIDA | |
Um texto muito colorido. |
style="background:yellow" (da célula desta tabela) <font color=red>Um</font> <font color=green>texto</font> <font color=blue>muito</font> <font color=brown>colorido</font>. |