Bibliotecas de colores W3.CSS
Bibliotecas de colores
Las bibliotecas de colores son pequeños archivos CSS que contienen valores de color de uso común, como estándares de seguridad, colores de autopistas, colores de moda, colores de camuflaje y más.
Autobús escolar
Avenida Falcon Ridge
DETENER
Cómo usar bibliotecas de colores
Las bibliotecas de colores son fáciles de usar. Simplemente agregue un enlace a la biblioteca de colores en su página web:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
Luego, agregue un nombre de clase al elemento HTML que desea colorear:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
Colores de las autopistas de EE. UU.
w3-carretera-marrón |
w3-autopista-rojo |
w3-autopista-naranja |
w3-carretera-autobús escolar |
w3-autopista-amarillo |
w3-autopista-verde |
w3-autopista-azul |
Los colores de la carretera se definen en la Norma Federal 595 .
Colores de seguridad de EE. UU.
w3-seguridad-rojo |
w3-seguridad-naranja |
w3-seguridad-amarillo |
w3-seguridad-verde |
w3-seguridad-azul |
w3-seguridad-púrpura |
Los colores de seguridad de EE. UU. se definen en la norma federal 595 .
Colores de las señales europeas
w3-señal-amarillo |
w3-señal-naranja |
w3-señal-rojo |
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 |
Ejemplo
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
Descarga el CSS »
Los colores de las señales europeas se definen en el estándar de color RAL .
Colores vívidos
w3-rosa vivo |
w3-rojo-intenso |
w3-naranja vivo |
w3-amarillo vivo |
w3-verde vivo |
w3-azul vivo |
w3-violeta-vívido |
w3-púrpura vivo |
w3-negro vivo |
w3-blanco intenso |
w3-rosa-amarillento-vívido |
w3-vívido-rojizo-naranja |
w3-naranja-amarillo vivo |
w3-amarillo-verdoso-vívido |
w3-amarillo-verde vivo |
w3-verde-amarillento-vívido |
w3-verde-azulado-vívido |
w3-azul-verdoso-vívido |
w3-vivo-púrpura-azul |
w3-vívido-rojizo-púrpura |
w3-vivo-morado-rojo |
Ejemplo
<div class="w3-vivid-red">
<p>London is the most populous city in the
United Kingdom,
with a metropolitan area of over 9 million
inhabitants.</p>
</div>
Descarga el CSS »
Los colores vivos se definen en ISCC-NBS .
colorantes alimentarios
w3-comida-manzana |
w3-food-espárragos |
w3-comida-albaricoque |
w3-comida-berenjena |
w3-food-aguacate |
w3-comida-banana |
w3-comida-mantequilla |
w3-food-blueberry |
w3-comida-cereza |
w3-comida-chocolate |
w3-food-cranberry |
w3-comida-cafe |
w3-comida-huevo |
w3-comida-uva |
w3-comida-kiwi |
w3-comida-limon |
w3-comida-lima |
w3-comida-mango |
w3-comida-hongo |
w3-comida-mostaza |
w3-comida-menta |
w3-comida-aceitunas |
w3-comida-naranja |
guisante w3-alimento |
w3-comida-melocotón |
w3-comida-pera |
w3-comida-pistacho |
w3-comida-ciruela |
w3-comida-frambuesa |
w3-food-azafran |
w3-comida-salmon |
w3-food-menta verde |
w3-comida-calabaza |
w3-comida-fresa |
w3-comida-tomate |
w3-comida-trigo |
w3-comida-vino |
Ejemplo
<div class="w3-food-apple">Apple</div>
<div
class="w3-food-banana">Banana</div>
Descarga el CSS »
Colores de camuflaje
w3-camuflaje-marrón |
w3-camuflaje-rojo |
w3-camuflaje-oliva |
w3-camuflaje-campo |
w3-camuflaje-tierra |
w3-camo-arena |
w3-camo-tan |
w3-camuflaje-arenisca |
w3-camo-verde-oscuro |
w3-camuflaje-bosque |
w3-camo-verde-claro |
w3-camuflaje-verde |
w3-camo-gris oscuro |
w3-camuflaje-gris |
w3-camuflaje-negro |
Ejemplo
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
Descarga el CSS »
Los colores de camuflaje se definen en la Norma Federal 595 .