Los últimos tutoriales de desarrollo web
 

W3.CSS Las bibliotecas de color


Las bibliotecas de color

bibliotecas de colores son pequeños archivos CSS que contienen los valores de color de uso común como las normas de seguridad, colores de la carretera, los colores de moda, colores de camuflaje del ejército, y mucho más.

Carretera amarilla

bibliotecas de colores son muy fáciles de usar. Sólo tiene que añadir una biblioteca de vínculos a su página web:

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3-colors-highway.css">

Y un nombre de clase al elemento HTML que desea de color:

<div class="w3-highway-yellow">Highway Yellow
Inténtalo tú mismo "

Colores carretera de los EEUU

Nombre
W3-carretera-marrón
W3-carretera-roja
W3-carretera-naranja
W3-carretera-bus escolar
W3-carretera-amarillo
W3-carretera-verde
W3-carretera-azul

Ejemplo

<div class="w3-highway-green">Falcon Ridge Parkway</div>

<div class="w3-highway-schoolbus">Schoolbus Stop</div>
Pruebe usted mismo » Descarga del CSS»

Puede leer más acerca de los colores de la carretera en el Estándar Federal 595 .


Los colores de seguridad de EE.UU.

Nombre
w3-seguridad-rojo
w3-seguridad-naranja
w3-seguridad-amarillo
W3-seguridad-verde
W3-seguridad-azul
w3-seguridad-púrpura

Puede leer más sobre los colores de seguridad en la Norma Federal 595 .

Ejemplo

<div class="w3-safety-red">DANGER</div>
Pruebe usted mismo » Descarga del CSS»

colores de camuflaje

Nombre
W3-camo-marrón
W3-camo-roja
W3-camo-oliva
W3-camo-campo
W3-camo-tierra
W3-camo-arena
W3-camo-tan
W3-camo-piedra arenisca
W3-camo-verde oscuro
W3-camo-bosque
W3-camo-verde claro
W3-camo-verde
W3-camo-gris oscuro
W3-camo-gris
W3-camo-negro

Puede leer más acerca de los colores de camuflaje en la Norma Federal 595 .

Ejemplo

<div class="w3-camo-earth">Camouflaged Truck</div>

<div class="w3-camo-grey">Camouflaged Ship</div>
Pruebe usted mismo » Descarga del CSS»

Colores vívidos

Nombre del color
W3-viva-rosa
W3-viva-roja
W3-viva-naranja
W3-viva-amarillo
W3-viva-verde
W3-viva-azul
W3-viva-violeta
W3-viva-púrpura
W3-viva-negro
W3-viva-blanco
W3-viva-amarillo-rosa
W3-viva-rojizo-anaranjado
W3-viva-naranja-amarillo
W3-viva-amarillo-verdoso
W3-viva-amarillo-verde
W3-viva-verde-amarillento
W3-viva-verde azulado
W3-viva-azul verdoso
W3-viva-azul-púrpura
W3-vivo-rojo-púrpura
ww3-vivo-rojo púrpura

Puede leer más sobre colores vivos en ISCC-NBS .

Ejemplo

<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>
Pruebe usted mismo » Descarga del CSS»

Colores europeos de Señal

color Nameeee
W3 señal-amarillo
W3 señal-naranja
W3 señal-roja
W3 señal-violeta
W3 señal-azul
W3 señal-verde
W3 señal-gris
W3 señal-marrón
W3 señal-blanco
W3 señal-negro

Puede leer más sobre colores de señalización europeos en la norma de color RAL .

Ejemplo

<div class="w3-signal-red">Stopp</div>

<div class="w3-signal-yellow">Wait</div>

<div class="w3-signal-green">Go</div>
Pruebe usted mismo » Descarga del CSS»

Colores de los alimentos

Nombre
W3-comida-manzana
W3-comida-aspargus
W3-comida-albaricoque
W3-comida-berenjena
W3-comida-aguacate
W3-comida-banana
W3-comida-mantequilla
W3-comida-arándano
W3-comida-cereza
W3-comida-Chocolate
W3-comida-arándano
W3-comida-café
W3-comida-huevo
W3-comida-uva
W3-comida-kiwi
W3-comida-limón
W3-comida-cal
W3-comida-mango
W3-comida-seta
W3-comida-mostaza
W3-comida-menta
W3-comida-de oliva
w3-alimento-naranja
W3-comida-pea
W3-comida-melocotón
W3-comida-pera
W3-comida-pistacho
W3-comida-ciruelo
W3-comida-frambuesa
W3-comida-azafrán
W3-comida-salmón
w3-alimento-menta verde
W3-comida-calabaza
W3-comida-fresa
W3-comida-tomate
W3-alimentos de trigo
w3-comida-vino