La Propiedad COLOR

La propiedad color tiene la funcionalidad de establecer el color del texto en el primer plano.

Principalmente: Con la propiedad color del CSS, es posible establecer un valor para el color del texto, es decir, define el color del texto para todo el contenido del Elemento HTML al que se le aplica esta propiedad.

TIP: Puede combinar esta propiedad color con la propiedad background-color para hacer el texto más legible para los visitantes y/o usuarios.

Alternativamente: al quedar establecido este valor de color con esta propiedad CSS, queda también establecido como el valor de color predeterminado del Elemento HTML, anulando así, el valor predeterminado que le establece el navegador web del visitante y/o usuario, y con esto, es posible extender el valor a otras propiedades; tanto en el mismo ámbito del elemento HTML como en la propiedad border-color, o en propiedades de elementos HTML anidados como en la propiedad background-color, solo estableciéndoles el valor currentcolor a estas.

Sintaxis CSS

color: color|initial|inherit;

Valores de la Propiedad

Valor Descripción
initial Se establece la propiedad a su valor inicial, es decir, a el valor predeterminado del elemento HTML.
inherit Se establece la propiedad a el valor heredado, es decir, toma el valor que tiene el Elemento HTML que lo contiene (el Elemento Padre).
unset Se establece la propiedad a no definida, es decir, sin valor.
currentcolor Si el Elemento HTML Padre, se le estableció un valor a la propiedad color, entonces este valor queda establecido como el valor predeterminado y entonces se puede aplicar con el valor currentcolor. (No confundir con inherit).
nombre_color Se especifica el nombre de un color definidos en ingles, como por ejemplo: red, yellow, blue, gray, pink, orange, etc.
valor_hexadecimal Se establece el valor hexadecimal para un color determinado, en formato #RRGGBB. Por ejemplo, para definir el color rojo es especificado como #ff0000, para darle transparencia se agregan dos dígitos al final del formato como #ff000000.
Una versión corta es también aceptada como #f00 y con transparencia como #f000.
valor_rgb El valor rgb se especifica por medio de la función
rgb( rojo, verde, azul )
los valores se definen con uno de los dos formatos disponibles: en valores numéricos (del 0 al 255) ó en porcentaje (del 0% al 100%).
valor_rgba El valor rgba (con canal alpha para transparencia) se especifica por medio de la función
rgba( rojo, verde, azul, transparencia )
los valores se definen con uno de los dos formatos disponibles: en valores numéricos (del 0 al 255) ó en porcentaje (del 0% al 100%).
valor_hsl El valor hsl se especifica por medio de la función
hsl( matiz, saturación, luminosidad )
Los valores para el matiz se especifica con un valor numérico de 0 a 360 (360 grados de una rueda de color). La Saturación se especifica en porcentaje (de 0% al 100%) 100% es color total y la Luminosidad también se especifica en porcentaje (de 0% al 100%) 0% es totalmente negro.
valor_hsla El valor hsla (con canal alpha para transparencia) se especifica por medio de la función
hsla( matiz, saturación, luminosidad, transparencia )
Los valores para el matiz se especifica con un valor numérico de 0 a 368 (360 grados de una rueda de color). La Saturación se especifica en porcentaje (de 0% al 100%) 100% es color total y la Luminosidad también se especifica en porcentaje (de 0% al 100%) 0% es totalmente negro. El parámetro alpha es un número entre 0.0 (totalmente transparente) a 1.0 (totalmente opaco).

JavaScript

Sintaxis DOM

object.style.color="#ff0000"