Páginas

🌈 ¿Qué es rgb() en CSS?

La función rgb() se usa en CSS para definir colores combinando los tres colores primarios de la luz: rojo (Red), verde (Green) y azul (Blue). Es una forma muy precisa de especificar colores.

📌 Sintaxis de rgb():

rgb(rojo, verde, azul)

Cada componente se expresa como un número entre 0 y 255, donde:

  • 0 significa ausencia del color
  • 255 es la máxima intensidad

🎨 Ejemplos básicos:

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

p {
  color: rgb(0, 255, 0);   /* Verde */
}

span {
  color: rgb(0, 0, 255);   /* Azul */
}

🧪 Mezclas comunes:

/* Blanco */
color: rgb(255, 255, 255);

/* Negro */
color: rgb(0, 0, 0);

/* Gris medio */
color: rgb(128, 128, 128);

/* Naranja */
color: rgb(255, 165, 0);

✨ Tip avanzado: rgba()

También puedes usar rgba() para agregar transparencia. La "a" significa alpha (opacidad), y va de 0 (transparente) a 1 (opaco):

div {
  background-color: rgba(255, 0, 0, 0.5); /* Rojo con 50% de transparencia */
}

📋 Resumen:

  • rgb() combina Rojo, Verde y Azul (0–255)
  • Permite millones de colores distintos
  • Es más flexible que los nombres de color
  • rgba() agrega control de transparencia

¡Experimenta con diferentes valores y crea tus propios colores!