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.