Uso de la propiedad 'color' en CSS para cambiar el color del texto

En el desarrollo web, CSS (Cascading Style Sheets) es un lenguaje que se utiliza para describir el aspecto y el formato de un documento escrito en HTML o XML. Una de las propiedades más comunes y útiles que CSS ofrece es la propiedad 'color'.

La propiedad 'color' en CSS es la correcta para cambiar el color del texto. No es 'font-color' ni 'text-color', como podrías asumir por error. La respuesta correcta según la pregunta en la trivia es 'color'. Tampoco es 'background-color', que se usa para cambiar el color de fondo de un elemento, no el color del texto.

Si deseas cambiar el color del texto en tu página web a rojo, por ejemplo, usarías la propiedad de esta manera:

p {
  color: red;
}

En este caso, todos los párrafos ('p') en tu documento tendrán texto en color rojo.

Además del nombre del color, la propiedad 'color' acepta valores en diferentes formatos, como código hexadecimal, RGB, RGBA, HSL y HSLA.

p {
  color: #ff0000; /* hexadecimal */
  color: rgb(255, 0, 0); /* RGB */
  color: rgba(255, 0, 0, 0.6); /* RGBA */
  color: hsl(0, 100%, 50%); /* HSL */
  color: hsla(0, 100%, 50%, 0.6); /* HSLA */
}

Los valores RGB, RGBA, HSL y HSLA también permiten la transparencia, que es la 'a' en RGBA y HSLA.

Como una buena práctica, es recomendable utilizar siempre colores que ofrezcan un contraste suficiente con el color de fondo. Esto hace que tu texto sea fácil de leer y proporciona una mejor experiencia de usuario. También es aconsejable mantener consistencia al elegir colores para mantener un estilo coherente en todo el sitio web.