Pinceladas da Web

Muita gente quando está iniciando em CSS não sabe que as cores podem ser representadas com 3 dígitos, mas há um porém, só podemos fazer isso quando a cor é representada por 3 pares de dígitos iguais, ficou confuso? Vamos a um exemplo:

A cor #000000 (preto) pode ser representada dessa forma: #000. A cor #FF0000 (roxo) pode ser representada dessa forma: #F00.

O truque é pegar sempre a primeira letra de cada par de dígitos hexadecimais. O navegador entende que se, por exemplo, usarmos #F73 (laranja-pastel) em nosso código, ele entenderá que significa #FF7733. Tomemos um exemplo:

p {
  color:#F00; /* É o mesmo que #FF0000; */
}

Essa forma de representar as cores, pode ser usada em qualquer propriedade CSS, tanto para color como para background. Mas há casos em que essa regra não pode ser usada, como por exemplo aqui: #F73309. Como podem ver o 3° e 4° dígitos são iguais, mas não pode ser escrito dessa forma: #F309, isto não funcionaria.