Portada de libro electrónico gratuitaCurso completo de CSS

Curso completo de CSS

1

(1)

35 páginas

Colores en CSS

Capítulo 8

Tiempo estimado de lectura: 2 minutos

Audio Icon

Escuchar en audio

0:00 / 0:00

Colores CSS

Los colores son elementos fundamentales en el diseño de una página web, ya que pueden transmitir emociones, resaltar contenidos importantes y hacer más agradable la experiencia del usuario. En CSS, existen varias formas de definir los colores, ya sea a través de palabras clave, valores numéricos o códigos hexadecimales.

Palabras clave

Las palabras clave son la forma más sencilla de definir colores en CSS. Son representaciones de colores comunes como "rojo", "azul" y "verde". Además, también hay palabras clave que representan tonos de gris, como "gris" y "plata".

Vea un ejemplo:

h1 { color rojo; }

En este caso, el título de la página se mostrará en rojo.

Valores numéricos

Los valores numéricos son otra forma de definir colores en CSS. Están representados por tres números que van del 0 al 255, que corresponden a las intensidades de rojo, verde y azul, respectivamente. Esta técnica se conoce como RGB (Rojo, Verde, Azul).

Continúa en nuestra aplicación.

Podrás escuchar el audiolibro con la pantalla apagada, recibir un certificado gratuito para este curso y además tener acceso a otros 5.000 cursos online gratuitos.

O continúa leyendo más abajo...
Download App

Descargar la aplicación

Vea un ejemplo:

h1 { color: rgb (255, 0, 0); }

En este caso, el título de la página también se mostrará en rojo.

Códigos hexadecimales

Los códigos hexadecimales son la forma más precisa de definir colores en CSS. Están representados por seis caracteres alfanuméricos que van del 0 al F, que corresponden a las intensidades de rojo, verde y azul, respectivamente. Esta técnica se conoce como HEX (hexadecimal).

Vea un ejemplo:

h1 { color: #FF0000; }

En este caso, el título de la página también se mostrará en rojo, pero con un código hexadecimal más preciso.

Transparencia

Además de definir los colores, también es posible definir la transparencia de un elemento en CSS. Esto se hace a través de la propiedad de "opacidad", que varía de 0 a 1, siendo 0 completamente transparente y 1 completamente opaco.

Vea un ejemplo:

h1 { color: rgba(255, 0, 0, 0,5); }

En este caso, el título de la página se mostrará en rojo con una transparencia del 50%.

Conclusión

En resumen, los colores son elementos esenciales en el diseño de una página web y en CSS existen varias formas de definirlos. Ya sea a través de palabras clave, valores numéricos o códigos hexadecimales, lo importante es elegir el color adecuado para cada elemento y transmitir el mensaje deseado.

Ahora responde el ejercicio sobre el contenido:

_¿Cuál es la forma más precisa de definir colores en CSS?

¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.

¡Tú error! Inténtalo de nuevo.

Siguiente capítulo

Gradientes en CSS

Arrow Right Icon
Descarga la aplicación para obtener una certificación gratuita y escuchar cursos en segundo plano, incluso con la pantalla apagada.