Las 5 variables del color en Illustrator

Contenido del curso

Fundamentos del diseño

Composición visual

Digitalización del diseño

Color digital

Tipografía

Futuro del diseño gráfico

Proyecto final: diseña el look and feel de tu pieza

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:18

Las 5 variables del color en Illustrator

Curso de Fundamentos de Diseño Gráfico

Clase 23 de 41

Clase 23 / 41

Recursos

El color tiene cinco variables que todo diseñador debería dominar para mezclar tonos con intención y transmitir emociones precisas: saturación, matiz, tinte, sombra y tono. Entenderlas te permite controlar la armonía visual de cualquier pieza gráfica y dejar de elegir colores al azar.

Estas propiedades no viven aisladas. Se combinan entre sí, conviven en cada color que ves en pantalla y son la base para que puedas pasar de un rojo encendido a un vino tinto sin perder la esencia del color original.

¿Qué es la saturación de un color y cómo se percibe?

La saturación es la intensidad de un color. Cuando alguien dice que una imagen está muy saturada, percibe colores fuertes que no se sienten naturales ni orgánicos.

Una pieza con saturación alta transmite energía y fuerza visual. Una pieza desaturada se siente apagada, sobria, limpia y comunica calma. Ninguna es mejor que la otra: cada estilo responde a una intención distinta dentro del diseño.

¿Qué significa que una imagen esté saturada? Que sus colores tienen mucha intensidad y se perciben fuertes, vibrantes y poco naturales respecto a lo que vemos en el día a día.

¿Qué es el matiz y cómo distinguir tonos cálidos de fríos?

El matiz es esa barra de color que indica qué tonalidad predomina en una imagen. Es lo que en el lenguaje coloquial llamamos tonos cálidos o tonos fríos.

Entre un azul puro y un rojo puro existe una infinidad de tonos intermedios. No saltas de un extremo al otro: recorres una mezcla continua. Por eso un color como el rojo no es uno solo, sino millones de variantes posibles.

¿Cómo identifico el matiz dentro de una imagen?

Observa qué color manda visualmente. Aunque haya variedad de tonos en la composición, siempre hay uno que predomina y define el matiz general de la pieza.

¿Qué diferencia hay entre tono, tinte y sombra?

Aquí está la parte que más se confunde, así que vamos por partes. El tono aparece cuando mezclas un color puro con gris. Si tomas un rojo y le agregas gris, pierde intensidad y se convierte en algo más sucio y opaco, como un vino tinto.

El tinte es ese mismo color pero llevado hacia el blanco. Cuando dices coloquialmente un verde más claro, te refieres a qué tan teñido está ese verde con blanco. Vas desde el color puro hasta el blanco total, pasando por infinitos tonos intermedios.

La sombra funciona igual que el tinte, pero con negro. Mezclas el color sólido con negro y lo llevas hasta la penumbra, es decir, la ausencia total de luz y color. Un rojo encendido se convierte en un rojo profundo, luego en vino tinto y finalmente en negro.

¿Cuál es la diferencia entre tinte y sombra? El tinte mezcla un color con blanco para aclararlo. La sombra lo mezcla con negro para oscurecerlo. Ambos conservan el color original.

¿Cómo aplico las 5 variables del color en Illustrator?

Abre Illustrator, crea un archivo nuevo en modo RGB y haz doble clic en la muestra de color de la barra inferior para abrir el color picker. Ahí vas a encontrar las cinco variables organizadas visualmente.

La barra central vertical representa el matiz, donde recorres rojo, violeta, azul, cian, verde, amarillo, naranja y vuelves al rojo en loop.
La esquina superior derecha del cuadro es el color puro, con tono y saturación máximos.
La esquina superior izquierda te da el tinte, mezclando con blanco.
La esquina inferior derecha te entrega la sombra, mezclando con negro.
La esquina inferior izquierda representa el gris, donde aparece la saturación reducida al máximo.

Cuando entiendes que cada esquina del selector representa una propiedad distinta, mezclar colores deja de ser ensayo y error. Sabes exactamente hacia dónde mover el cursor para conseguir el resultado que buscas.

¿Por qué importa dominar estas variables como diseñador?

Porque cuando un cliente o un compañero diga este color está muy saturado o necesito un tono más cálido, vas a saber qué ajuste hacer sin experimentar a ciegas. La armonía cromática se vuelve una decisión, no un accidente.

La práctica es lo que conecta la teoría con el ojo entrenado. Tómate un tiempo para explorar el color picker, mover cada variable y observar cómo cambia un mismo color al recorrer cada esquina del selector.

¿Cuál es tu color favorito? Compártelo en los comentarios con un pantallazo y cuéntanos cómo llegaste a él jugando con la saturación, el matiz, el tinte, la sombra y el tono.