Classes de cores W3.CSS


Cores padrão W3.CSS

A classe de cor padrão usada no W3.CSS é inspirada no Material Design.

As cores do Material Design refletem as cores usadas em marketing, sinais de trânsito e notas adesivas.

Exemplo

<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 é a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 9 milhões de habitantes.

Londres

Londres é a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 9 milhões de habitantes.

Londres

Londres é a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 9 milhões de habitantes.


IU plana

Flat UI é outra classe de cores popular que pode ser usada no W3.CSS:

Exemplo

<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 é a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 9 milhões de habitantes.

Você pode ler mais sobre classes de cores alternativas nos próximos capítulos deste tutorial.



IU do Windows Metro

Metro é o apelido de Microsoft Design Language (MDL).

Metro é focado em tipografia, ícones simplificados e cores modernas.

Este exemplo mostra como usar as cores do Windows Metro no W3.CSS:

Exemplo

<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 é a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 9 milhões de habitantes.


Windows 8

O Windows 8 foi o primeiro grande sistema operacional focado em design plano e cores modernas.

Este exemplo mostra como usar as cores do Windows 8 no W3.CSS:

Exemplo

<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 é a cidade mais populosa do Reino Unido, com uma área metropolitana de mais de 9 milhões de habitantes.