# Color de superficie: qué es y cómo funciona · Zorraquino
> El color de superficie es, en un sistema de diseño, el color de los componentes que contienen contenido, como tarjetas, hojas o menús.
URL: https://www.zorraquino.com/diccionario/ux/color-de-superficie.html

# Color de superficie

El color de superficie es, en un sistema de diseño, el color que se aplica a los componentes que contienen contenido, como tarjetas, hojas, menús o diálogos

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## Qué es y cómo funciona

Se distingue del color de fondo, que queda detrás de todo, y permite separar visualmente los elementos y sugerir niveles de elevación. En Material Design 3 existen varios tonos de superficie (por ejemplo, contenedores de superficie más o menos intensos) para jerarquizar capas sin depender solo de las sombras.

Los textos e iconos que se colocan sobre él usan el color «on surface», elegido para mantener un contraste suficiente según las pautas de accesibilidad.

También se dice

Surface color

Temas

[Experiencia y diseño de servicios](https://www.zorraquino.com/diccionario/categoria/experiencia-y-diseno-de-servicios)

## Conceptos relacionados

- [Color de fondo](https://www.zorraquino.com/diccionario/ux/color-de-fondo.html)
- [Colores «on»](https://www.zorraquino.com/diccionario/ux/colores-on.html)
- [Sistema de diseño](https://www.zorraquino.com/diccionario/marketing-digital/sistema-de-diseno.html)