La versión corta
- Un esquema de color monocromático usa un único tono en un rango de luminosidad y saturación, construido con tintes, sombras y versiones apagadas.
- Un tinte es un tono mezclado con blanco, una sombra es un tono mezclado con negro y una versión apagada es un tono mezclado con gris.
- Una escala monocromática útil tiene unos nueve o diez pasos, de casi blanco a casi negro, con espaciado uniforme en luminosidad percibida.
- Desplazar ligeramente el tono hacia los extremos claro y oscuro evita que una paleta monocromática se vea sin vida.
- Las paletas monocromáticas dan degradados calmados y coherentes, pero las mezclas lentas de un solo tono sufren banding con facilidad y se benefician de un grano fino.
En esta página
Un esquema de color monocromático usa un solo tono y nada más, variado en luminosidad y saturación. Piensa en azul marino, cobalto, cielo y hielo: todos azules, todos claramente emparentados y con contraste suficiente entre ellos para cubrir fondos, texto y realces. Como todos los colores comparten el mismo tono, una paleta monocromática siempre se ve unificada. El trabajo está en construir suficiente rango dentro de ese tono.
Esta guía cubre las tres maneras de variar un tono, cómo construir una escala con la que se pueda diseñar de verdad y cómo funciona lo monocromático en los degradados. Para el contexto más amplio, consulta los fundamentos de la teoría del color.
Tintes, sombras y versiones apagadas
Cada color de una paleta monocromática sale de uno de tres movimientos. Un tinte añade blanco y hace el color más claro y suave. Una sombra añade negro y lo hace más profundo. Una versión apagada añade gris y lo vuelve más silencioso sin cambiar mucho su luminosidad.
Cómo construir una paleta monocromática
Un puñado de tintes al azar no es una paleta. Lo que quieres es una escala: una secuencia de pasos de casi blanco a casi negro, con un espaciado uniforme para que cada paso se vea tan distinto de su vecino como el anterior. Nueve a once pasos es un tamaño habitual y es lo que usan la mayoría de los sistemas de diseño.
- 1
Elige el tono base
Escoge la versión del color que más te guste a plena intensidad. Será el centro de la escala.
- 2
Fija los extremos
Elige un casi blanco con un toque del tono y un casi negro con un toque del tono. Evita el blanco y el negro puros; se ven desconectados.
- 3
Rellena los pasos por luminosidad
Espacia los pasos según lo claros que parecen, no por valores hex o HSL iguales. Los espacios perceptuales como OKLCH lo facilitan; consulta los degradados OKLCH.
- 4
Baja la saturación en los extremos
Los pasos muy claros y muy oscuros se ven mejor un poco apagados. La saturación plena en los extremos se ve chillona o turbia.
- 5
Desplaza un poco el tono
Deja que el extremo claro derive algo más cálido o más frío y el oscuro hacia el otro lado. Añade vida sin romper el esquema.
Por qué ayuda un ligero cambio de tono
Los objetos reales rara vez se oscurecen solo añadiendo negro: las sombras recogen luz más fría o más cálida de su entorno. Una escala que solo mezcla negro y blanco se ve plana en comparación. Desplazar el tono unos grados a lo largo de la escala es práctica habitual en ilustración y en sistemas de diseño.
#2563eb. La segunda deriva hacia el cielo en el extremo claro y hacia el índigo en el oscuro, así que parece iluminada y no mezclada.Sostener una identidad entera con un solo tono
Una marca monocromática puede ser sorprendentemente distintiva, porque es disciplinada de una manera en que la mayoría de las marcas no lo son. El truco es dar a cada paso de la escala una función y respetarla.
| Paso de la escala | Función |
|---|---|
| 50 a 100 | Fondos de página y de tarjetas |
| 200 a 300 | Bordes, divisores, rellenos discretos |
| 400 a 600 | Color de marca, botones, ilustración |
| 700 a 800 | Titulares, enlaces, rellenos fuertes |
| 900 y más oscuros | Texto de cuerpo, fondos del modo oscuro |
Combina siempre texto y fondo de extremos opuestos de la escala. Dos pasos intermedios se ven preciosos como muestras y fallan como texto; compruébalo con las pautas de contraste de color. Anota la escala, con la función de cada paso, en tu kit de marca para que todos usen los mismos valores.
Un campo calmado de una sola familia bajo tipografía editorial.
El mismo aspecto llevado a la cabecera de un correo.
Lo único que le falta a una identidad monocromática es un acento evidente. Si tus diseños necesitan que un botón o un precio salte a la vista, permite un color de fuera del tono y úsalo poco. Eso te acerca a una paleta análoga o a un monocromo con acento, ambos perfectamente válidos.
Degradados monocromáticos
Los degradados de un solo tono están entre los más elegantes que puedes hacer: sugieren luz cayendo sobre un único material. Nunca se vuelven turbios, porque no hay un segundo tono con el que pelearse.
Preguntas frecuentes
¿Qué es un esquema de color monocromático?
Un esquema de color monocromático usa un único tono en un rango de tintes, sombras y versiones apagadas, de muy claro a muy oscuro.
¿Qué diferencia hay entre un tinte, una sombra y una versión apagada?
Un tinte es un tono mezclado con blanco, una sombra se mezcla con negro y una versión apagada se mezcla con gris.
¿Son el blanco y negro un esquema monocromático?
Estrictamente, el negro, el blanco y el gris son acromáticos, es decir, no tienen tono. En el uso cotidiano se les suele llamar monocromo y siguen los mismos principios.
¿Cuántos colores debe tener una paleta monocromática?
De nueve a once pasos, de casi blanco a casi negro, dan rango suficiente para fondos, texto, bordes y color de marca.
¿Puede una marca usar un solo color?
Sí, si la paleta tiene un rango completo de luminosidad y cada paso tiene una función clara. Muchas marcas de un solo color añaden un pequeño acento para las llamadas a la acción.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
