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.
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 .
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 |