body{
  background-color: grey;
}

/* Puedes usar nombres de colores predefinidos en CSS, como "red", "blue", "green", entre otros. */
h1{
  color:white;
  background-color: brown;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.caja1{
  width: 100px;
  height: 100px;
  background-color: blueviolet;
}

/* Puedes definir colores utilizando valores hexadecimales de 6 dígitos (RRGGBB), donde RR representa la intensidad de rojo, GG la intensidad de verde y BB la intensidad de azul. */
h2{
  color: #00FF00;
}

/* RGB - RED-GREEN-BLUE van de 0 a 255 */
h3{
  color: rgb(230, 14, 111)
}

/* RGBA - RED-GREEN-BLUE-ALPHA van de 0 a 255 
Puedes usar valores RGBA (Red, Green, Blue, Alpha) para definir colores. La parte "Alpha" controla la opacidad del color (0 = transparente, 1 = opaco).*/
h4{
  color: rgba(230, 14, 111, 0.09);
  font-size: 48px;
}

/* Puedes utilizar valores HSL (Hue, Saturation, Lightness) o HSLA (Hue, Saturation, Lightness, Alpha) para definir colores. El valor de "Hue" representa el tono, "Saturation" la saturación y "Lightness" la luminosidad. */
h5{
  color: hsla(60, 100%, 50%, 0.7);
  font-size: 32px;
}

/* Puedes utilizar la palabra clave "transparent" para definir un color completamente transparente. */
h6{
  color: transparent;
}