Ajuda:Usando cores

Origem: Wikipédia, a enciclopédia livre.
Ir para: navegação, pesquisa
Translation Latin Alphabet.svg Esta página ou secção está a ser traduzida. Ajude e colabore com a tradução.

Para mudar as cores de uma predefinição ou tabela pode-se usar o tripleto hexadecimal (por exemplo, bronze é #CD7F32) ou o nome de cores em HTML (por exemplo, red).

Substituindo a cor da fonte[editar | editar código-fonte]

Para fazer com que uma palavra tenha cor diferente do valor automático, use: <span style="color:tripleto hexadecimal ou nome da cor">texto</span>

Exemplos:

  • <span style="color:red">texto em vermelho</span> será mostrado como texto em vermelho
  • <span style="color:green">texto em verde</span> será mostrado como texto em verde
  • <span style="color:#0000FF">texto em azul</span> será mostrado como texto em azul


A predefinição {{Fontcolor}} também pode ser usada:

{{Fontcolor|cor do texto|cor de fundo|texto}}

Para usá-la deve-se preencher os parâmetros com cores do tripleto hexadecimal ou com seus nomes em HTML. Caso o parâmetro cor de fundo não seja preenchido ou seja com um valor não reconhecido, ele será tido como texto e o fundo terá a cor padrão.

Exemplos:

  • {{Fontcolor|green|texto em verde}} será mostrado como texto em verde
  • {{Fontcolor|white|red|texto em branco em fundo vermelho}} será mostrado como texto em branco em fundo vermelho
  • {{Fontcolor|blue|#F2F2F2|texto em azul em fundo cinza}} será mostrado como texto em azul em fundo cinza

Guia de geração de cores[editar | editar código-fonte]

  • O uso desse guia é recomendado para cores em vários domínios, além de seguir as recomendações de acessibilidade, ele ajuda a padronizar as cores em predefinições e em caixas de informação.
  • As cores abaixo foram geradas usando o espaço de cores HSV e então traduzidas para RGB.
Matiz Saturação 4% / Brilho 100%

cor de fundo principal
Saturação 10% / Brilho 100%

cor de fundo do segundo cabeçalho
Saturação 15% / Brilho 95%
margem principal
cor de fundo do cabeçalho
Saturação 15% / Brilho 75%

apenas margem principal
    Note. for layouts with no spacing between borders, use the darker border colour.
Hue: 0 #FFF5F5 #FFE6E6 #F2CECE #BFA3A3
Hue: 10 #FFF7F5 #FFEAE6 #F2D4CE #BFA7A3
Hue: 20 #FFF8F5 #FFEEE6 #F2DACE #BFACA3
Hue: 30 #FFFAF5 #FFF2E6 #F2E0CE #BFB1A3
Hue: 40 #FFFCF5 #FFF7E6 #F2E6CE #BFB6A3
Hue: 50 #FFFDF5 #FFFBE6 #F2ECCE #BFBAA3
Hue: 60 #FFFFF5 #FFFFE6 #F2F2CE #BFBFA3
Hue: 70 #FDFFF5 #FBFFE6 #ECF2CE #BABFA3
Hue: 80 #FCFFF5 #F7FFE6 #E6F2CE #B6BFA3
Hue: 90 #FAFFF5 #F2FFE6 #E0F2CE #B1BFA3
Hue: 100 #F8FFF5 #EEFFE6 #DAF2CE #ACBFA3
Hue: 110 #F7FFF5 #EAFFE6 #D4F2CE #A7BFA3
Hue: 120 #F5FFF5 #E6FFE6 #CEF2CE #A3BFA3
Hue: 130 #F5FFF7 #E6FFEA #CEF2D4 #A3BFA7
Hue: 140 #F5FFF8 #E6FFEE #CEF2DA #A3BFAC
Hue: 150 #F5FFFA #E6FFF2 #CEF2E0 #A3BFB1
Hue: 160 #F5FFFC #E6FFF7 #CEF2E6 #A3BFB6
Hue: 170 #F5FFFD #E6FFFB #CEF2EC #A3BFBA
Hue: 180 #F5FFFF #E6FFFF #CEF2F2 #A3BFBF
Hue: 190 #F5FDFF #E6FBFF #CEECF2 #A3BABF
Hue: 200 #F5FCFF #E6F7FF #CEE6F2 #A3B6BF
Hue: 210 #F5FAFF #E6F2FF #CEE0F2 #A3B1BF
Hue: 220 #F5F8FF #E6EEFF #CEDAF2 #A3ACBF
Hue: 230 #F5F7FF #E6EAFF #CED4F2 #A3A7BF
Hue: 240 #F5F5FF #E6E6FF #CECEF2 #A3A3BF
Hue: 250 #F7F5FF #EAE6FF #D4CEF2 #A7A3BF
Hue: 260 #F8F5FF #EEE6FF #DACEF2 #ACA3BF
Hue: 270 #FAF5FF #F2E6FF #E0CEF2 #B1A3BF
Hue: 280 #FCF5FF #F7E6FF #E6CEF2 #B6A3BF
Hue: 290 #FDF5FF #FBE6FF #ECCEF2 #BAA3BF
Hue: 300 #FFF5FF #FFE6FF #F2CEF2 #BFA3BF
Hue: 310 #FFF5FD #FFE6FB #F2CEEC #BFA3BA
Hue: 320 #FFF5FC #FFE6F7 #F2CEE6 #BFA3B6
Hue: 330 #FFF5FA #FFE6F2 #F2CEE0 #BFA3B1
Hue: 340 #FFF5F8 #FFE6EE #F2CEDA #BFA3AC
Hue: 350 #FFF5F7 #FFE6EA #F2CED4 #BFA3A7
H: 0 S: 0 #FFFFFF #F9F9F9 #F2F2F2 #BFBFBF

Esquema de cores da Wikimeda[editar | editar código-fonte]

Wikipédia[editar | editar código-fonte]

Wikipedia usa esse esquema de cores em sua Página principal.

Please note that the colour for the border on the lighter boxes is also the colour of the backgrounds of the darker (title) boxes.
background:#f5fffa border:#cef2e0   background:#cef2e0 border:#a3bfb1  
background:#f5faff border:#cedff2   background:#cedff2 border:#a3b0bf  
background:#faf5ff border:#ddcef2   background:#ddcef2 border:#afa3bf  
background:#fcfcfc border:#cccccc  

And additionally on the Community Portal:

background:#fffaf5 border:#f2e0ce   background:#f2e0ce border:#bfb1a3  

Additional 3-colour palettes using this same generation scheme are at the top of the talk page. The background colour of Wikipedia pages is #F8FCFF.

Commons[editar | editar código-fonte]

O Wikimedia Commons usa esse esquema de cores na commons:Main Page e commons:Help:Contents.

background colour: #d0e5f5

background colour: #f1f5fc

border colour: #abd5f5
background colour: #faecc8

background colour: #faf6ed

border colour: #fad67d

Ver também[editar | editar código-fonte]

Ligações externas[editar | editar código-fonte]

wikia colour chart