Notación de los colores

lunes, 10 de noviembre de 2014 - Publicado por ThZ KronZ en 16:40
Hay varios métodos:

Notación hexadecimal RGB:

Se especifican los tres valores de color (rojo, verde y azul) con valores en hexadecimal entre 00 y FF.

color: #ff8800






Notación hexadecimal abreviada:

Esta notación es muy parecida a la anterior, se indica sólo un número para cada valor rojo, verde y azul.

Ejemplo:

(#ff8800) --> abreviada.

color: #f80;





Nombre del color:

También podemos definir un color por su nombre. Los nombres de colores son en inglés, los mismos que sirven para especificar colores con HTML. color: red;


color: red;


 

Notación de color con porcentajes de RGB:

Se puede definir un color por los distintos porcentajes de valores RGB. Si todos los valores están al 100% el color es blanco. Si todos están al 0% obtendríamos el negro.

color: rgb(33%, 0%, 0%);



 

Notación por valores decimales de RGB, de 0 a 255:

De una manera similar a la notación por porcentajes de RGB se puede definir un color directamente con valores decimales en un rango desde 0 a 255.

color: rgb(200, 159, 0);




Color transparente:

Para finalizar, podemos comentar que también existe el color transparente, que no es ningún color, sino que específica que el elemento debe tener el mismo color que el fondo donde está. Este valor, transparent, sustituye al color.  (Se suele usar en fondos).

background-color: transparent;