Construyendo componentes flexibles con transparencia

Buen pensamiento de Paul Hebert en el blog de Cloudfour sobre colorear un componente. Puede mirar una composición de diseño y ver un componente de tarjeta con un fondo de encabezado de #dddddd, un fondo de contenido de #ffffffy un fondo general de #eeeeee. Bien, bastante fácil. Pero ¿qué pasa si el trasfondo general se vuelve #dddddd? Ahora tu encabezado parece perdido dentro de él.

¿Ese encabezado es más oscuro? En cuanto al diseño, no es exactamente #ddddddlo importante; se trata de lucir un poco más oscuro que el fondo. Cuando ese es el caso, un fondo de, digamos, rgba(0, 0, 0, 0.135)es más resistente.

Esto seguirá siendo resiliente frente a contextos de cualquier tipo.