Las hojas de estilo en cascada (CSS) es un idioma que se utiliza para diseñar páginas web escritas en HTML y XML. Estas hojas de estilo consisten en una gran cantidad de propiedades que se pueden usar para mejorar la apariencia de las páginas web. Estas propiedades son útiles al formatear elementos de una página web. En este artículo, nos centraremos específicamente en las propiedades que se utilizan para aplicar el color y el color de fondo al texto en una página web.

Primero, analizaremos la propiedad de color de CSS que se puede usar para aplicar el color de texto que aparece en la página web.

Color de texto

Puede aplicar color al texto en una página web utilizando la propiedad de color de CSS. Puede haber tres enfoques para aplicar color al texto que son los siguientes.

1. Usa el nombre de color

La forma más simple de aplicar el color al texto es usar el nombre de color. CSS admite un total de 140 nombres de colores como rojo, amarillo, granate, skyblue, etc. Por ejemplo,

H1
color azul;

2. Use un código de color hexadecimal

Estos códigos denotan intensidades del color primario y se escriben utilizando tres pares de caracteres. 00 representa la intensidad más baja de un color primario y FF representa la intensidad más alta de un color primario. Por ejemplo, el código hexadecimal de rojo es #ff0000, azul es #0000ff, marrón es #964b00, etc.

H1
Color: #0000ff;

3. Utilice un valor RGB

RGB es un modelo de color compuesto por los tres colores primarios rojos, verdes y azules. El rango de valor de estos colores es de 0 a 255. 0 representa la intensidad más baja de un color primario y 255 representa la intensidad más alta de un color primario. El valor RGB del azul es (0,0,255), el rojo es (255,0,0), el amarillo es (255,255,0), etc.

H1
Color: RGB (255,255,0);

Veamos un ejemplo de aplicar color a diferentes elementos HTML.

Ejemplo
En el siguiente ejemplo, hemos demostrado todos los enfoques mencionados anteriormente de aplicar colores a diferentes elementos HTML utilizando la propiedad de color de CSS.

Este encabezado es verde

Este encabezado es azul

Este párrafo es rojo

Producción

El color de

El elemento se establece en verde utilizando el enfoque de código hexadecimal, color de

El elemento se establece en azul utilizando el enfoque del nombre del color y el color de

El elemento se establece en rojo utilizando el enfoque de valor RGB.

Ahora que tenemos una comprensión básica de aplicar el color al texto, intentemos comprender cómo aplicar el color de fondo a los elementos en una página web.

Color de fondo
Puede aplicar color de fondo a los elementos en una página web utilizando la propiedad de color de fondo de CSS. Esto se puede hacer utilizando los tres enfoques mencionados en la sección anterior. Veamos un ejemplo.

Ejemplo
En el siguiente ejemplo, hemos demostrado tanto la propiedad de color como la propiedad de color de fondo de CSS.

Este es un párrafo

Haz click en mi

En lo anterior, utilizamos los tres enfoques diferentes (nombre de color, código hexadecimal, valor RGB) para dar color de texto y color de fondo a tres elementos diferentes (, y).

Producción

Uso de la propiedad de color y color de fondo Los tres elementos están siendo diseñados.

Conclusión

Usando la propiedad de color y color de fondo de CSS, puede aplicar colores y colores de fondo a su texto en un documento HTML. El color se puede especificar usando el nombre del color, el código hexadecimal del color o el valor RGB del color. El rango de valor de un código hexadecimal es 00 a FF, mientras que el rango de valor de un valor RGB es de 0 a 255. Estos rangos representan las intensidades de los colores primarios. Este artículo destaca las propiedades de color y color de fondo de CSS en profundidad con la ayuda de ejemplos apropiados.