Ajuda:Usando cores
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
editarPara 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
Paleta de cores
editar- O uso deste 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 Wikipédia
editarWikipédia
editarWikipédia 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
editarO Wikimedia Commons usa esse esquema de cores na commons:Main Page e commons:Help:Contents.
|
background colour: #d0e5f5
background colour: #f1f5fc |
background colour: #faecc8
background colour: #faf6ed |
Ver também
editar- Ajuda:Tabela de cores
- Lista de cores
- Predefinição:Fontcolor
- Web colors
- Wikipédia:Acessibilidade
- mw:Wikimedia Foundation Design/Color usage (em inglês) - Diretrizes de utilização de cores