Cores W3.CSS


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

As seguintes classes de cores W3.CSS podem ser usadas em qualquer elemento HTML:



Classes de cores de texto W3.CSS

As seguintes classes de cores de texto W3.CSS podem ser usadas em qualquer elemento HTML:

Em preto

w3-texto-vermelho

w3-texto-rosa

w3-texto-roxo

w3-texto-roxo profundo

w3-texto-índigo

w3-texto-azul

w3-texto-azul-claro

w3-texto-ciano

w3-texto-aqua

w3-texto-azul

w3-texto-verde

w3-texto-verde-claro

w3-texto-cal

w3-texto-areia

w3-texto-caqui

w3-texto-amarelo

w3-texto-âmbar

w3-texto-laranja

w3-texto-laranja profundo

w3-texto-azul-cinza

w3-texto-marrom

w3-texto-cinza-claro

w3-texto-cinza

w3-texto-cinza-escuro

w3-texto-preto

w3-texto-branco

Em cinza

w3-texto-vermelho

w3-texto-rosa

w3-texto-roxo

w3-texto-roxo profundo

w3-texto-índigo

w3-texto-azul

w3-texto-azul-claro

w3-texto-ciano

w3-texto-aqua

w3-texto-azul

w3-texto-verde

w3-texto-verde-claro

w3-texto-cal

w3-texto-areia

w3-texto-caqui

w3-texto-amarelo

w3-texto-âmbar

w3-texto-laranja

w3-texto-laranja profundo

w3-texto-azul-cinza

w3-texto-marrom

w3-texto-cinza-claro

w3-texto-cinza

w3-texto-cinza-escuro

w3-texto-preto

w3-texto-branco

Em branco

w3-texto-vermelho

w3-texto-rosa

w3-texto-roxo

w3-texto-roxo profundo

w3-texto-índigo

w3-texto-azul

w3-texto-azul-claro

w3-texto-ciano

w3-texto-aqua

w3-texto-azul

w3-texto-verde

w3-texto-verde-claro

w3-texto-cal

w3-texto-areia

w3-texto-caqui

w3-texto-amarelo

w3-texto-âmbar

w3-texto-laranja

w3-texto-laranja profundo

w3-texto-azul-cinza

w3-texto-marrom

w3-texto-cinza-claro

w3-texto-cinza

w3-texto-cinza-escuro

w3-texto-preto

w3-texto-branco


Classes de cores ao passar o mouse

As seguintes classes de cores flutuantes W3.CSS podem ser usadas em qualquer elemento HTML: