Bibliotecas de cores
bibliotecas de cores são arquivos CSS pequenas contendo valores de cor comumente usados como padrões de segurança, cores estrada, cores da moda, cores de camuflagem do exército, e muito mais.
estrada amarela
bibliotecas de cores são muito fáceis de usar. Basta adicionar um link biblioteca para sua página da web:
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">
E um nome de classe para o elemento HTML que deseja color:
<div class="w3-highway-yellow">Highway Yellow
Tente você mesmo " US Highway Cores
| Nome |
|---|
| -W3-estrada marrom |
| -W3-estrada vermelho |
| w3-estrada-laranja |
| w3-estrada-schoolbus |
| w3-estrada-amarelo |
| -W3-estrada verde |
| w3-estrada-blue |
Exemplo
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Tente você mesmo » Baixe o CSS» Você pode ler mais sobre as cores de rodovias no Federal Padrão 595 .
Cores de segurança dos EUA
| Nome |
|---|
| w3-vermelho-segurança |
| w3-segurança-laranja |
| w3-amarelo-segurança |
| w3-verde-segurança |
| w3-blue-segurança |
| w3-roxo-segurança |
Você pode ler mais sobre cores de segurança na Federal Padrão 595 .
cores de camuflagem
| Nome |
|---|
| -W3-camo marrom |
| -W3-camo vermelho |
| w3-camo-oliva |
| w3-camo-campo |
| w3-camo-terra |
| w3-camo-areia |
| w3-camo-tan |
| w3-camo-arenito |
| w3-camo-verde-escuro |
| w3-camo-floresta |
| w3-camo-luz-verde |
| -W3-camo verde |
| w3-camo-cinza-escuro |
| -W3-camo cinzento |
| -W3-camo preto |
Você pode ler mais sobre cores de camuflagem na Norma Federal 595 .
Exemplo
<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
Tente você mesmo » Baixe o CSS» Cores vivas
| Nome Cor |
|---|
| w3-vivas-de-rosa |
| w3-vivas-vermelho |
| w3-vivas-laranja |
| w3-vivas-amarelo |
| w3-vivas-verde |
| w3-vivas-blue |
| w3-vivas-violeta |
| w3-vivas-roxo |
| w3-vivas-preta |
| w3-vivas-branco |
| w3-vivas-amarelo-rosa |
| w3-vivas-laranja-avermelhado |
| w3-vivas-amarelo-alaranjado |
| w3-vivas-amarelo-esverdeado |
| w3-vivas-amarelo-verde |
| w3-vivas-verde-amarelado |
| w3-vivas-verde-azulado |
| w3-vivas-azul-esverdeado |
| w3-vivas-púrpura-azul |
| w3-vivas-púrpura avermelhada |
| ww3-vivas-vermelho-púrpura |
Você pode ler mais sobre cores vivas em ISCC-NBS .
Exemplo
<div class="w3-vivid-red">
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area
of over 13 million inhabitants.</p>
</div>
Tente você mesmo » Baixe o CSS» Cores europeus de sinal
| Nameeee cor |
|---|
| w3 sinal amarelo |
| W3-sinal-laranja |
| W3-sinal-vermelho |
| W3-sinal-violeta |
| w3-signal-azul |
| w3-sinal-verde |
| w3-signal-cinza |
| w3-signal-marrom |
| W3-sinal-branco |
| w3-signal-preta |
Você pode ler mais sobre as cores europeias de sinal em RAL Cor padrão .
Exemplo
<div class="w3-signal-red">Stopp</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Tente você mesmo » Baixe o CSS» Corantes alimentares
| Nome |
|---|
| w3-food-maçã |
| w3-food-aspargus |
| w3-food-alperce |
| w3-food-beringela |
| w3-food-abacate |
| w3-food-de banana |
| w3-food-manteiga |
| w3-food-blueberry |
| w3-food-cereja |
| w3-food-de chocolate |
| w3-food-cranberry |
| w3-food-café |
| w3-food-ovo |
| w3-food-uva |
| w3-food-kiwi |
| w3-food-limão |
| w3-food-cal |
| w3-food-mango |
| w3-food de cogumelo |
| w3-food-mostarda |
| w3-food-hortelã |
| w3-food-oliva |
| w3-food-laranja |
| w3-food-de-bico |
| w3-food-pêssego |
| w3-food de pêra |
| w3-food-pistachio |
| w3-food-ameixa |
| w3-food-framboesa |
| w3-food-açafrão |
| w3-food-salmão |
| w3-food-hortelã |
| w3-food-de squash |
| w3-food-morango |
| w3-food-tomate |
| w3-food-de trigo |
| w3-food-vinho |