Color dinámico

El diseño Material You se lanzó con la versión de Android 12 y se expandió con Android 13.

En esta página, se enfocan las actualizaciones de la lógica de Material You para ayudarte a integrar una compatibilidad más rica con el color dinámico.

Paletas de tonos de colores dinámicos

A partir de Android 12, se admiten las siguientes paletas de tonos de color dinámicos:

Cada uno de ellos consta de un conjunto de 13 colores con varios valores de luminancia definidos, como se describe en R.color, pero con valores de tono y cromatismo no definidos que el sistema Android puede generar de forma dinámica durante el tiempo de ejecución.

Estilos de temas para el color dinámico

A partir de Android 13, se admiten seis estilos de temas diferentes con variaciones en el algoritmo de color dinámico que mantienen las necesidades de los desarrolladores y contrastan las expectativas. Estos se enumeran para generar los 65 colores dinámicos que usan las apps:

  • TONAL_SPOT es una paleta de intensidad media que usa un color system_accent3_0 similar al color system_accent1_0 (se transfiere de la versión de Android 12 y se ajusta ligeramente).
  • VIBRANT es una paleta de alta intensidad que combina armoniosamente los cambios sutiles entre los colores.
  • EXPRESSIVE es una paleta de alta intensidad que combina colores de acentos inesperados y únicos.
  • SPRITZ es una paleta de baja intensidad que crea un lavado suave entre los colores.
  • RAINBOW usa acentos cromáticos y superficies neutras para crear una experiencia de color más sutil para los usuarios.
    • NO SE RECOMIENDA que se use con la extracción de colores basada en fondos de pantalla, sino con temas de colores estáticos.
  • FRUIT_SALAD proporciona dos colores de tono para brindarles a los usuarios más expresión.
    • NO SE RECOMIENDA que se use con la extracción de colores basada en fondos de pantalla, sino con temas de colores estáticos.

El tema del sistema se basa en el mismo parámetro de configuración que tenía en Android 12, que es Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES. Para Android 13, solo requiere una clave en su JSON que envíe el color de origen para generar las 65 paletas de colores:

{
    "android.theme.customization.system_palette":"746BC1"
}

El estilo de tema predeterminado es TONAL_SPOT, pero, de manera opcional, puedes especificar uno de los otros estilos de tema con una clave adicional con el JSON anterior:

{
    "android.theme.customization.system_palette":"746BC1"
    "android.theme.customization.theme_style":"EXPRESSIVE"
}

Cómo integrar el color dinámico

Para obtener lineamientos sobre la integración de colores dinámicos, consulta Cómo integrar Material You Design.

Preguntas frecuentes

¿Qué incluye la API de la paleta tonal dinámica?

¿Cómo se genera una paleta tonal dinámica?

Se debe generar una paleta tonal dinámica a partir de un solo color de origen que se debe derivar del fondo de pantalla con com.android.systemui.monet.ColorScheme#getSeedColors, que proporciona varios colores de origen válidos. Si ninguno de los colores proporcionados cumple con el requisito de color de origen, el color de origen único debe usar el valor 0xFF1B6EF3.