Unidad 3 · Semana 5 · Clase 2 de 5
Tono, saturación y valor
Describir y modificar un color con sus tres dimensiones: tono, saturación y valor.
- Lectura 15 min
- Práctica 35 min
- Repaso 10 min
Las tres dimensiones del color
Para hablar de color con precisión, y para modificarlo con intención, se describen tres dimensiones:
| Dimensión | Qué es | Ejemplo |
|---|---|---|
| Tono (matiz) | El color en sí: rojo, amarillo, azul, violeta | Pasar de violeta a azul |
| Saturación | La intensidad o pureza del color | Un violeta vivo frente a un violeta grisáceo |
| Valor (luminosidad) | Qué tan claro u oscuro es | Un lila claro frente a un violeta casi negro |
La mayoría de los programas permiten trabajar en el modelo HSL o HSB (tono, saturación y luminosidad o brillo), que es mucho más intuitivo para diseñar que ajustar RGB o CMYK a mano.
El valor es lo más importante
De las tres dimensiones, el valor es la que más pesa en la legibilidad y la jerarquía. Dos colores de tono muy distinto pero del mismo valor (un rojo y un verde medios) vibran y se leen mal juntos. Un texto oscuro sobre un fondo claro siempre se lee, cualquiera sea el tono.
Prueba: pasá tu diseño a escala de grises. Si dos colores importantes se vuelven el mismo gris, tenés un problema de valor.
Temperatura
Los colores también se perciben como cálidos (rojos, naranjas, amarillos) o fríos (azules, verdes, violetas azulados). Los cálidos parecen acercarse; los fríos, alejarse. Es útil para crear profundidad y para el carácter de una marca.
Práctica · 35 min
- Elegí un color base que te guste.
- Armá tres franjas de cinco muestras: una variando solo el tono, otra solo la saturación y otra solo el valor (usá el modelo HSL o HSB de tu programa).
- Pasá todo a escala de grises y observá qué franja conserva diferencias.
- Escribí un texto sobre dos fondos del mismo valor y otro sobre un fondo de valor muy distinto. Compará.
Repaso · 10 min
1. ¿Qué dimensión del color describe qué tan claro u oscuro es?
¡Bien! El valor también se llama luminosidad.
Todavía no. Probá otra opción.
2. ¿Qué pasa con dos colores de distinto tono pero del mismo valor?
¡Bien! Sin diferencia de valor, falta contraste.
Todavía no. Probá otra opción.
3. ¿Cómo se perciben los colores cálidos en una composición?
¡Bien! Los cálidos avanzan y los fríos retroceden.
Todavía no. Probá otra opción.
Preguntale al asistente
Conoce esta clase y toda la diplomatura. Responde a cualquier hora.
El asistente puede equivocarse. Ante una duda importante, contrastá con la lectura.