Color

Saturación

Demasiado color mata la vibra.

La saturación del color es su intensidad: qué tan puro y vivo se ve. Bajarla un poco hace que los colores convivan, cansen menos y se vean más elegantes.

3 demos interactivas

Guía gratis por DM

Color

Portada del reel de Feuxui sobre saturacion

01

Qué es

La saturación del color es su intensidad: qué tan puro y vivo se ve. Al 100% grita; al 0% es gris. Entre esos dos extremos está casi todo el diseño que se ve profesional.

Cuando todos los colores van a tope, todos piden atención al mismo tiempo y ninguno gana. Bájales un poco la saturación y deja uno solo, tu acento, en su máxima intensidad.

02

Pruébalo

Baja la saturación del póster y mira el punto en que deja de gritar sin apagarse. El botón azul no cambia: es el acento.

100%
A tope · todo grita

El botón azul no se toca: es el acento y es lo único que va a tope.

La regla de oro

Controla la saturación, no te pases. Solo tu acento va a tope.

03

Así no / así sí

VERANO

A tope. Todo grita al mismo tiempo y nada descansa.

VERANO

Controlada. Mismos colores, con calma. Se ve más pro.
✕Así no

A tope.

Todo grita al mismo tiempo y nada descansa. El ojo no sabe por dónde empezar.

✓Así sí

Controlada.

Los mismos colores, con 40% menos de saturación. Siguen siendo vivos, pero ahora conviven.

04

Escala de saturación

Mismo color, menos saturación. Copia el hex del nivel que necesites: 100% para el acento, 60–80% para la interfaz, 20–40% para los fondos.

100%Acento80%Base y UI60%Base y UI40%Fondos20%Fondos
Rojo
Azul
Verde

Toca un color para copiar su hex. Tono y luz fijos: solo baja la saturación.

05

Cómo aplicarlo hoy

1

Un solo color a tope

Tu acento puede ir saturado. Todo lo demás, más bajo.

2

Baja de 10 en 10

Resta saturación de a 10% hasta que deje de gritar. Ahí paras.

3

Fondos tranquilos

Mucho color en mucho espacio cansa. Las áreas grandes van con poca saturación.

4

Fotos sin neón

Baja un poco la saturación de tus fotos y sube apenas el contraste, así no se apagan.

06

Antes de publicar

  • ¿Hay un solo color saturado que manda?
  • ¿Los fondos grandes son tranquilos?
  • ¿El texto no "vibra" sobre su fondo?
  • ¿Tus fotos tienen la misma intensidad?

COMENTA
“SATURACION”

y te envío
la guía
por DM

La guía de saturación en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.

Preguntas
frecuentes

¿Qué es la saturación de un color?

Es la intensidad o pureza del color. Un color al 100% de saturación se ve puro y vivo; a medida que baja se vuelve más gris, hasta llegar al 0%, que es un gris neutro.

¿Cuál es la diferencia entre saturación y brillo?

La saturación mide qué tan intenso es el color; el brillo o luminosidad, qué tan claro u oscuro es. Puedes bajar la saturación de un rojo sin hacerlo más oscuro, y oscurecerlo sin que pierda intensidad.

¿Por qué mis colores se ven chillones?

Casi siempre porque varios colores van al 100% de saturación a la vez y compiten. Baja la saturación de los que ocupan más espacio y deja solo el acento en su máxima intensidad.

Sigue aprendiendo

Conceptos
relacionados