Hasta ahora hemos visto que para asignar el color utilizamos tres valores hexadecimales (rojo,verde,azul) precedido por el caracter #:
background-color:#ff0000;
Ahora veremos otras sintaxis para indicar el color:
background-color:rgb(255,0,0);
Utilizando la función rgb pasando como parámetro la cantidad de rojo,verde y azul en formato decimal (un valor entre 0 y 255).
También con la función rgb podemos indicar un porcentaje entre 0% y 100% para cada componente:
background-color:rgb(100%,0%,0%)
Por último en algunas situaciones podemos utilizar una sintaxis reducida para ciertos valores:
background-color:#ffaaff;
Lo podemos indicar con esta otra sintaxis:
background-color:#faf;
Es decir si cada valor hexadecimal está formado por el mismo caracter podemos utilizar esta sintaxis simplificada indicando un caracter solamente. Es decir a este color no lo podemos representar con la sintaxis indicada:
background-color:#ffaafa
Ya que los últimos 2 caracteres, fa, son distintos.