« Voltar
em html frontend css

As diferentes formas de se representar uma cor no CSS.

Suponhamos que, por alguma razão, eu queira que o fundo dos parágrafos de minha página sejam amarelos.
Então, no meu arquivo CSS eu poderia definir o seguinte:

p {  
    background-color: yellow;
}

Estou usando direto o nome da cor, certo?
Poderia também, se quisesse, usar a notação hexadecimal:

p {  
    background-color: #ffff00;
}

Agora...você percebe que os f's e os 0's se repetem?
Poderia, então, abreviar usando a notação hexadecimal de 3 dígitos:

p {  
    background-color: #ff0;
}

Temos também a notação RGB decimal:

p {  
    background-color: rgb(255,255,0);
}

Ou ainda, a notação RGB com porcentagem:

p {  
    background-color: rgb(100%,100%,0%);
}

Interessante, não?


Quer ganhar 15% de desconto pra gastar na Casa do Código e ainda ficar em dia com as minhas postagem e outras promoções e sorteios legais? Assina minha newsletter: http://gabsferreira.com/newsletter/ (:

Se quiser, curta minha página no Face também! O endereço é https://www.facebook.com/devgabsferreira

comments powered by Disqus