Clases de color W3.CSS


Colores predeterminados de W3.CSS

La clase de color predeterminada utilizada en W3.CSS está inspirada en Material Design.

Los colores de Material Design reflejan los colores utilizados en marketing, señales de tráfico y notas adhesivas.

Ejemplo

<div class="w3-red">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

 

Londres

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Londres

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.


Interfaz de usuario plana

Flat UI es otra clase de color popular que se puede usar en W3.CSS:

Ejemplo

<div class="w3-flat-turquoise">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

 

Londres

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.

Puede leer más sobre las clases de color alternativas en los siguientes capítulos de este tutorial.



Interfaz de usuario de Windows Metro

Metro es el apodo de Microsoft Design Language (MDL).

Metro se centra en la tipografía, los iconos simplificados y los colores modernos.

Este ejemplo muestra cómo usar los colores de Windows Metro en W3.CSS:

Ejemplo

<div class="w3-metro-light-green">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

 

Londres

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.


ventanas 8

Windows 8 fue el primer gran sistema operativo centrado en un diseño plano y colores modernos.

Este ejemplo muestra cómo usar los colores de Windows 8 en W3.CSS:

Ejemplo

<div class="w3-win8-lime">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

 

Londres

Londres es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 9 millones de habitantes.