Manejo avanzado de colores en CSS

Elemento	Definición
mix-blend-mode	Se utiliza para controlar cómo se mezclan los colores de un elemento con los colores del contenido o del fondo que lo rodea. Permite crear efectos visuales interesantes y combinaciones de colores únicas al ajustar la forma en que los píxeles de un elemento interactúan con los píxeles de otros elementos cercanos. mix-blend-mode opera en el nivel de píxel y se aplica principalmente a elementos que contienen contenido con transparencia, como imágenes con fondo transparente, elementos con degradados o elementos SVG.
mix-blend-mode: screen	Ejemplo de mix-blend-mode.
mix-blend-mode: normal	No se aplica mezcla, el valor predeterminado.
mix-blend-mode: multiply	Multiplica los colores de la capa superior y la capa inferior.
mix-blend-mode: screen	Invierte los colores y multiplica los valores inversos.
mix-blend-mode: overlay	Combina las operaciones de multiply y screen en función del brillo del color de fondo.
color-dodge, color-burn, hard-light, soft-light, difference, exclusion ...	Aplican diferentes modos de mezcla basados en cálculos matemáticos específicos.