tutoriais mais recente desenvolvimento web
 

W3.CSS Bibliotecas de cores


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 .

Exemplo

<div class="w3-safety-red">DANGER</div>
Tente você mesmo » Baixe o CSS»

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