in

Colores CSS


Los colores se especifican utilizando nombres de colores predefinidos o valores RGB, HEX, HSL, RGBA, HSLA.


Nombres de colores CSS

En CSS, se puede especificar un color mediante el uso de un nombre de color predefinido:

Inténtalo tú mismo «

CSS / HTML admite 140 nombres de colores estándar.


Color de fondo CSS

Puede establecer el color de fondo de los elementos HTML:

Hola Mundo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud ejercicio ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Ejemplo

Hola mundo

Lorem ipsum …

Inténtalo tú mismo »


Color de texto CSS

Puede establecer el color del texto:

Hola Mundo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud ejercicio ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Ejemplo

Hola mundo

Lorem ipsum …

Ut wisi enim …

Inténtalo tú mismo »


Color del borde CSS

Puede establecer el color de los bordes:

Hola Mundo

Hola Mundo

Hola Mundo

Ejemplo

Hola mundo

Hola mundo

Hola mundo

Inténtalo tú mismo »


Valores de color CSS

En CSS, los colores también se pueden especificar usando valores RGB, valores HEX, valores HSL, valores RGBA y valores HSLA:

Igual que el nombre del color «Tomate»:

rgb (255, 99, 71)

# ff6347

hsl (9, 100%, 64%)

Igual que el nombre del color «Tomate», pero 50% transparente:

rgba (255, 99, 71, 0,5)

hsla (9, 100%, 64%, 0,5)

Ejemplo



Inténtalo tú mismo »

Más información sobre los valores de color

Aprenderá más sobre RGB, HEX y HSL en los siguientes capítulos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Contenido del centro web: sistema de gestión de contenido

filter

Filtro de servlet – javatpoint