Estilizado de Texto y Colores

Anteriormente, agregamos colores al texto de una manera muy intuitiva y sencilla. Sin embargo, profundicemos en los detalles de la aplicación del color.

Color

El color del texto puede aplicarse a un elemento de texto utilizando la propiedad CSS color, la cual puede recibir un valor en varios formatos.

Los valores de color más utilizados son RGB, hexadecimal y nombres de colores. Consideremos el siguiente ejemplo, donde aplicamos azul al texto.

Formatos para Especificar Colores

Analicemos cada formato en detalle.

Nombre del Color

Se pueden utilizar palabras reservadas para los colores. La lista de colores reservados se encuentra en https://htmlcolorcodes.com.

CSS proporciona nombres de colores predefinidos como blue, red, green, purple y otros. Son fáciles de leer pero limitados en variedad.

Formato Hexadecimal

Hex representa los colores como un código de seis dígitos compuesto por tres pares de valores de dos dígitos después del símbolo #. Cada par representa la intensidad de rojo, verde y azul (en ese orden).

Los valores en formato hexadecimal varían desde 00 (sin intensidad) hasta FF (intensidad máxima).

Formato RGB

RGB representa los colores como una serie de tres números que corresponden a la intensidad de rojo, verde y azul (en ese orden)

Los valores en formato RGB varían desde 0 (sin intensidad) hasta 255 (intensidad máxima).

Transparencia con RGBA

La transparencia en los colores rgb se puede lograr utilizando la notación rgba (rojo, verde, azul, alfa), donde alfa es el nivel de opacidad o transparencia del color.

El valor alfa puede variar de 0 (completamente transparente) a 1 (completamente opaco). Por ejemplo, el valor RGBA rgba(0, 255, 0, 0.5) representa un color verde con un 50% de opacidad.