125
Familia · moradoBluenze · Paletas
Paletas por color
Colores que combinan con el morado
80 combinaciones en el libro
El color más caro de la historia y el más difícil de manejar hoy: entre lo regio y lo genérico hay muy poco camino.
Carta · Los 16 morados del libroHaishoku Sōkan · 1933
- Rosa orquídea#d097adEn 4 combinaciones
- Lila#c088b2En 4 combinaciones
- Malva violáceo#a272aaEn 7 combinaciones
- Violeta acónito#aa67a2En 11 combinaciones
- Magenta violáceo#c2518dEn 3 combinaciones
- Azul violeta apagado#846f9dEn 2 combinaciones
- Púrpura magenta#b9366cEn 6 combinaciones
- Púrpura berenjena#93495fEn 4 combinaciones
- Vino tinto apagado#844859En 7 combinaciones
- Azul violeta vivo#674696En 6 combinaciones
- Berenjena oscuro#713d51En 2 combinaciones
- Violeta puro#4e377dEn 12 combinaciones
- Violeta profundo#622956En una combinación
- Púrpura real#592363En 8 combinaciones
- Violeta casi negro#501f48En 6 combinaciones
- Púrpura medianoche#541942En 7 combinaciones
De claro a oscuro. Pulsa uno y el libro se rehace desde ese color.
Capítulo 1 · Qué combinaEscrito, no generado
Qué combina con el morado
El morado ocupa el tramo entre el azul y el magenta, y ahí caben cosas muy distintas: el violeta, que tira a azul y resulta sobrio; el púrpura, que tira a rojo y resulta cálido; el lila, que es un violeta con mucha luz; y el berenjena, que es el mismo tono casi sin luz y funciona como si fuera un neutro oscuro.
Lo que mejor lo sostiene es un neutro cálido —crema, arena, un gris con amarillo dentro— que le quita el punto sintético. Con verde oliva y con mostaza forma paletas que parecen sacadas de un textil antiguo. Y con oro o latón apagado se va a lo señorial. Lo que casi nunca funciona es el morado con azul saturado: se pelean por el mismo sitio.
En pantalla hay que tener cuidado con el degradado violeta-azul: es el aspecto por defecto de medio producto digital y hace que cualquier marca parezca la misma. Si quieres morado sin ese aire, quítale saturación, súbele o bájale la luz hasta que salga de la zona media, y no lo mezcles con azul eléctrico.
La tarjeta · Para compartir1200 × 630
Cinco paletas con el morado, con su porqué.
Dos salen del diccionario de Wada y tres de reglas de armonía con nombre. Cada una viene con los papeles puestos —qué color es el fondo, cuál el texto y cuál el botón—, pintada a tamaño de página y con el contraste medido. Si quieres tu tono exacto, cámbialo en la herramienta.
Ver las cinco ↓Todas las combinaciones del diccionario →Ir a la herramienta →
Capítulo 2 · Cinco láminas con el morado
Capítulo 2 · Del libroHaishoku Sōkan · 1933
Capítulo 2 · Por reglaArmonías con nombre
Por regla
Tres láminas construidas desde el morado con una regla que se puede explicar: la opuesta, las vecinas o un solo tono con acento. Ninguna sale de un dado.
R·01
R·02
R·03
Tira: los colores a partes iguales, como en los muestrarios de kimono. Es la lectura más rápida para comparar.
Lámina 01 de 05 · Combinación 125 de Wada
Las cinco ↑La lámina, tal cualHaishoku Sōkan · 1933
Combinación 125 de Wada
- Rosa empolvado#d7b7ad
- Azul petróleo#008ea5
- Azul violeta vivo#674696
Contiene un color muy parecido al morado de partida (Azul violeta vivo) y lleva casi un siglo en uso. Sus colores, con nuestros nombres: Rosa empolvado · Azul petróleo · Azul violeta vivo. Un azul, un rosa y un violeta, con una diferencia de luz clara pero cómoda. Paleta contenida y con la tensión de mezclar cálidos y fríos. Solo sirve para titulares grandes: ninguna pareja llega a texto corrido (contraste máximo 3,9:1).
3 colores a partes iguales, como en el libro. Es la inspiración, no la interfaz. Pulsa uno para copiarlo.
Carta · MezclasTres partes y una
Los tres colores, mezclados dos a dos
- 3 partes de rosa empolvado1 de azul petróleo
- 3 partes de azul petróleo1 de azul violeta vivo
- 3 partes de azul violeta vivo1 de rosa empolvado
- 3 partes de rosa empolvado1 de azul violeta vivo
- 3 partes de azul petróleo1 de rosa empolvado
- 3 partes de azul violeta vivo1 de azul petróleo
De aquí salen los intermedios que la lámina no trae: bordes, fondos de tarjeta, estados apagados. La mezcla se hace en OKLab, que se parece más a mezclar pintura que a promediar números. Pulsa el resultado para copiarlo.
En pantalla · el reparto60 · 30 · 10
Adaptada a pantalla
El mismo matiz que la lámina con la luz movida a donde una interfaz la necesita: el fondo descansa, la superficie se queda con el color del libro y el acento se gana el botón. Cada papel dice de qué color sale y qué se le hizo. Pulsa cualquiera para copiarlo.
- 60 % FondoDonde descansa la vista: la mayor parte de la pantalla. El #d7b7ad de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. De la lámina, tal cual (#d7b7ad).
- 10 % AcentoSolo lo que se pulsa. El #008ea5 de la lámina, oscurecido.
Los papeles que la lámina no trae
Medido, antes y después
- En la lámina, el mejor par de colores se lee a 3,8:1: solo vale para texto grande.No llega
- En pantalla, el texto #27222c sobre el fondo #fff2ef da 14,2:1: AAA, se lee de sobra. En APCA da Lc 96: vale para texto pequeño, del de leer un párrafo entero.Cumple
- El acento #0c7588 se separa 4,9:1 del fondo (un botón necesita 3:1) y como enlace llega a 4,7:1 (una palabra necesita 4,5:1).Cumple
Puesta en el mundoAdaptada
Así se ve esta lámina cuando ocupa una pantalla entera.
Este párrafo está aquí para que veas el texto de verdad sobre el fondo de verdad, que es donde se cae la mitad de las paletas bonitas. Si te cuesta leerlo, ya lo sabes. Y así se ve un enlace.
Una tarjeta
Las superficies secundarias van con el color de apoyo. Si no se distingue del fondo, la jerarquía se pierde.
Cómo usarla
- El repartoReparte, no iguales: #fff2ef en el 60 % de la pantalla, #d7b7ad en el 30 % (tarjetas, franjas, cabeceras) y #0c7588 en el 10 %, solo en botones y enlaces. Un color pierde fuerza cuanta más superficie ocupa; lo que en la lámina se ve intenso, a pantalla completa se suaviza.
- El textoNingún par de la lámina se leía como texto (el mejor daba 3,8:1). Por eso el párrafo va en #27222c, una tinta casi neutra teñida del tono de la paleta: no está en el libro y hace falta.
- El botónEl acento #0c7588 se separa 4,9:1 del fondo: sirve de botón, con el texto en #fcf5f3.
- La temperaturaHay cálidos y fríos: que domine uno y el otro señale. Aquí manda el fondo #d7b7ad, y el acento #0c7588 es lo primero que el ojo va a buscar.
- CuántosTres colores es la medida cómoda: fondo, texto y un acento. No añadas un cuarto salvo que se gane el sitio por contraste o por matiz.
- En el diccionarioEn el diccionario está entre las de contraste de tonos: matices enfrentados a propósito. El contraste ya viene puesto; no lo fuerces con sombras ni con negros. Es de las pálidas: tonos apagados que se llevan bien entre sí; el texto corrido pide una tinta de fuera, casi negra.
El kit · rampas y estadosPara el sistema de diseño
El kit
Una marca necesita cuatro colores; una interfaz necesita bastante más. Esto es lo que hay que inventarse a mano cuando te llevas cuatro hexadecimales y llegas al editor.
Cada muestra se copia al pulsarla.
Las luces del acento
Los neutros, teñidos del acento
Estados de un botón y avisos
El kit · noche y código125
La misma lámina, de noche
El mismo color, de noche.
El fondo no es negro puro: lleva un poco del tono del acento. Es lo que separa un modo oscuro diseñado de uno que parece una avería.
Un botónLlévatela
/* Combinación 125 de Wada — bluenze.com/paletas */
:root {
--fondo: #fff2ef;
--superficie: #d7b7ad;
--texto: #27222c;
--tinta: #27222c;
--texto-suave: #686070;
--titular: #674696;
--acento: #0c7588;
--acento-texto: #fcf5f3;
--enlace: #03788c;
--borde: #dfcec9;
/* la lámina de Wada, tal cual */
--lamina-1: #d7b7ad;
--lamina-2: #008ea5;
--lamina-3: #674696;
--acento-50: #edf8fc;
--acento-100: #daeff4;
--acento-200: #bbdde6;
--acento-300: #94c6d4;
--acento-400: #69adbe;
--acento-500: #3d94a7;
--acento-600: #0c7588;
--acento-700: #046070;
--acento-800: #034753;
--acento-900: #002f38;
--neutro-50: #f5f7f7;
--neutro-100: #e8eced;
--neutro-200: #d2d8da;
--neutro-300: #b7c0c2;
--neutro-400: #9aa5a8;
--neutro-500: #7f8b8e;
--neutro-600: #667275;
--neutro-700: #4f595c;
--neutro-800: #394143;
--neutro-900: #252b2d;
--boton: #0c7588;
--boton-encima: #0a6273;
--boton-pulsado: #02515f;
--boton-apagado: #a5b0b3;
--foco: #0b7588;
--exito: #457942;
--aviso: #9e8b48;
--error: #a45747;
--info: #3670ac;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #172427;
--superficie: #213135;
--borde: #374a4f;
--texto: #e8eff1;
--tinta: #e8eff1;
--texto-suave: #aab2b4;
--acento: #4ca1b5;
--acento-texto: #1d2527;
}
}La lectura de GoetheQué transmite
Qué transmite esta combinación, y por qué.
Wada dice qué colores van juntos. Goethe, cien años antes, explica por qué una combinación significa algo o no significa nada, y qué hace cada color según cuánta pantalla ocupe. Su círculo tiene seis colores y tres oposiciones, y cada veredicto de aquí abajo lleva el parágrafo del libro donde está.
Qué transmite, según dónde cayó cada color
La paleta cruza los dos lados del círculo, el activo y el pasivo. Es la que más tensión tiene y la que más necesita que uno de los dos mande.
- Superficie · naranja
El naranja llena la superficie de energía y no la suelta. Funciona si el resto de la paleta calla; si no, cansa antes de que termine la primera pantalla. § 775
- Acento · azul
El azul retrocede, y a un acento se le pide justo lo contrario. Como enlace basta con que se distinga; como botón principal necesita que el contraste haga el trabajo que el color no hace. § 781
- Titular · violeta
El violeta que sería insoportable en un fondo funciona en un ribete o un botón. Mismo color, cambiada la dosis: es un criterio de superficie, no de tono. § 790
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Opuestas #d7b7ad · #008ea5
Opuestas en el círculo: juntas completan lo que el ojo pide por su cuenta. Es la única categoría que Goethe aprueba sin matices. § 810
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Características #d7b7ad · #674696
Naranja y violeta, con el rojo saltado. Excita porque deja presentir el rojo puro sin llegar a enseñarlo. § 822
- Vecinas #008ea5 · #674696
Vecinas en el círculo, sin color intermedio que las separe. Se salvan por proporción: una tiene que mandar y la otra acompañar. § 828
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
Criterio tomado de Zur Farbenlehre (1810), en la traducción de Eastlake de 1840, que es de dominio público. Las explicaciones son nuestras: del libro se toma la sustancia, no la redacción. Los valores de luz que suelen atribuirse a Goethe para calcular proporciones de superficie no están en la Farbenlehre — son de Itten, 1961, y así se acreditan en las reglas de adaptación.
Lámina 02 de 05 · Combinación 175 de Wada
Las cinco ↑La lámina, tal cualHaishoku Sōkan · 1933
Combinación 175 de Wada
- Canela rosado#f0ba83
- Verde oliva claro#cdcd9b
- Azul violeta vivo#674696
Contiene un color muy parecido al morado de partida (Azul violeta vivo) y lleva casi un siglo en uso. Sus colores, con nuestros nombres: Canela rosado · Verde oliva claro · Azul violeta vivo. Un amarillo, un naranja y un violeta, con una diferencia de luz clara pero cómoda. Paleta de color franco y con la tensión de mezclar cálidos y fríos. Solo sirve para titulares grandes: ninguna pareja llega a texto corrido (contraste máximo 4,4:1).
3 colores a partes iguales, como en el libro. Es la inspiración, no la interfaz. Pulsa uno para copiarlo.
Carta · MezclasTres partes y una
Los tres colores, mezclados dos a dos
- 3 partes de canela rosado1 de verde oliva claro
- 3 partes de verde oliva claro1 de azul violeta vivo
- 3 partes de azul violeta vivo1 de canela rosado
- 3 partes de canela rosado1 de azul violeta vivo
- 3 partes de verde oliva claro1 de canela rosado
- 3 partes de azul violeta vivo1 de verde oliva claro
De aquí salen los intermedios que la lámina no trae: bordes, fondos de tarjeta, estados apagados. La mezcla se hace en OKLab, que se parece más a mezclar pintura que a promediar números. Pulsa el resultado para copiarlo.
En pantalla · el reparto60 · 30 · 10
Adaptada a pantalla
El mismo matiz que la lámina con la luz movida a donde una interfaz la necesita: el fondo descansa, la superficie se queda con el color del libro y el acento se gana el botón. Cada papel dice de qué color sale y qué se le hizo. Pulsa cualquiera para copiarlo.
- 60 % FondoDonde descansa la vista: la mayor parte de la pantalla. El #cdcd9b de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. De la lámina, tal cual (#cdcd9b).
- 10 % AcentoSolo lo que se pulsa. El #f0ba83 de la lámina, oscurecido.
Los papeles que la lámina no trae
Medido, antes y después
- En la lámina, el mejor par de colores se lee a 4,4:1: solo vale para texto grande.No llega
- En pantalla, el texto #27222c sobre el fondo #f7f6e4 da 14,2:1: AAA, se lee de sobra. En APCA da Lc 97: vale para texto pequeño, del de leer un párrafo entero.Cumple
- El acento #8f6230 se separa 4,8:1 del fondo (un botón necesita 3:1) y como enlace llega a 4,5:1 (una palabra necesita 4,5:1).Cumple
Puesta en el mundoAdaptada
Así se ve esta lámina cuando ocupa una pantalla entera.
Este párrafo está aquí para que veas el texto de verdad sobre el fondo de verdad, que es donde se cae la mitad de las paletas bonitas. Si te cuesta leerlo, ya lo sabes. Y así se ve un enlace.
Una tarjeta
Las superficies secundarias van con el color de apoyo. Si no se distingue del fondo, la jerarquía se pierde.
Cómo usarla
- El repartoReparte, no iguales: #f7f6e4 en el 60 % de la pantalla, #cdcd9b en el 30 % (tarjetas, franjas, cabeceras) y #8f6230 en el 10 %, solo en botones y enlaces. Un color pierde fuerza cuanta más superficie ocupa; lo que en la lámina se ve intenso, a pantalla completa se suaviza.
- El textoNingún par de la lámina se leía como texto (el mejor daba 4,4:1). Por eso el párrafo va en #27222c, una tinta casi neutra teñida del tono de la paleta: no está en el libro y hace falta.
- El botónEl acento #8f6230 se separa 4,8:1 del fondo: sirve de botón, con el texto en #f7f7ef.
- La temperaturaHay cálidos y fríos: que domine uno y el otro señale. Aquí manda el fondo #cdcd9b, y el acento #8f6230 es lo primero que el ojo va a buscar.
- CuántosTres colores es la medida cómoda: fondo, texto y un acento. No añadas un cuarto salvo que se gane el sitio por contraste o por matiz.
- En el diccionarioEn el diccionario está entre las de contraste de tonos: matices enfrentados a propósito. El contraste ya viene puesto; no lo fuerces con sombras ni con negros. Es de las claras: funciona sobre blanco y en pantalla; en impresión pierde cuerpo, sube un punto la tinta.
El kit · rampas y estadosPara el sistema de diseño
El kit
Una marca necesita cuatro colores; una interfaz necesita bastante más. Esto es lo que hay que inventarse a mano cuando te llevas cuatro hexadecimales y llegas al editor.
Cada muestra se copia al pulsarla.
Las luces del acento
Los neutros, teñidos del acento
Estados de un botón y avisos
El kit · noche y código175
La misma lámina, de noche
El mismo color, de noche.
El fondo no es negro puro: lleva un poco del tono del acento. Es lo que separa un modo oscuro diseñado de uno que parece una avería.
Un botónLlévatela
/* Combinación 175 de Wada — bluenze.com/paletas */
:root {
--fondo: #f7f6e4;
--superficie: #cdcd9b;
--texto: #27222c;
--tinta: #27222c;
--texto-suave: #686070;
--titular: #674696;
--acento: #8f6230;
--acento-texto: #f7f7ef;
--enlace: #946734;
--borde: #d4d3bc;
/* la lámina de Wada, tal cual */
--lamina-1: #f0ba83;
--lamina-2: #cdcd9b;
--lamina-3: #674696;
--acento-50: #fff5ec;
--acento-100: #fae8d8;
--acento-200: #eed2b9;
--acento-300: #ddb794;
--acento-400: #c89a6d;
--acento-500: #b07f4c;
--acento-600: #8f6230;
--acento-700: #754f25;
--acento-800: #583917;
--acento-900: #3c2509;
--neutro-50: #f8f6f5;
--neutro-100: #edeae8;
--neutro-200: #dad6d3;
--neutro-300: #c3bdb8;
--neutro-400: #a9a29c;
--neutro-500: #8f8781;
--neutro-600: #766e68;
--neutro-700: #5c5651;
--neutro-800: #443f3b;
--neutro-900: #2d2926;
--boton: #8f6230;
--boton-encima: #7c5120;
--boton-pulsado: #664217;
--boton-apagado: #b7ada5;
--foco: #9a5d06;
--exito: #457942;
--aviso: #9e8b48;
--error: #a45747;
--info: #3670ac;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #292017;
--superficie: #382c21;
--borde: #534437;
--texto: #f3ede7;
--tinta: #f3ede7;
--texto-suave: #b7afa9;
--acento: #be8c58;
--acento-texto: #29231d;
}
}La lectura de GoetheQué transmite
Qué transmite esta combinación, y por qué.
Wada dice qué colores van juntos. Goethe, cien años antes, explica por qué una combinación significa algo o no significa nada, y qué hace cada color según cuánta pantalla ocupe. Su círculo tiene seis colores y tres oposiciones, y cada veredicto de aquí abajo lleva el parágrafo del libro donde está.
Qué transmite, según dónde cayó cada color
La paleta cruza los dos lados del círculo, el activo y el pasivo. Es la que más tensión tiene y la que más necesita que uno de los dos mande.
- Superficie · amarillo
El amarillo en superficie grande es una apuesta. Es el color que menos perdona: un desvío mínimo hacia el verde lo pasa de oro a sucio, y en pantalla ese desvío lo pone una compresión o un degradado. § 770
- Acento · naranja
El naranja en mancha pequeña es el acento que menos hay que explicar: avanza, se ve, y no necesita tamaño para hacerlo. § 775
- Titular · violeta
El violeta que sería insoportable en un fondo funciona en un ribete o un botón. Mismo color, cambiada la dosis: es un criterio de superficie, no de tono. § 790
Qué le pasa a esta paleta
#f0ba83 y #cdcd9b son vecinos en el círculo y solo los separan 2 puntos de luz. Es el fallo que Goethe describe sin ponerle nombre: colores bien elegidos puestos en el valor equivocado. Vibran, y ninguno se puede leer encima del otro. § 899
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Vecinas #f0ba83 · #cdcd9b
Vecinas en el círculo, sin color intermedio que las separe. Se salvan por proporción: una tiene que mandar y la otra acompañar. § 828
- Características #f0ba83 · #674696
Naranja y violeta, con el rojo saltado. Excita porque deja presentir el rojo puro sin llegar a enseñarlo. § 822
- Opuestas #cdcd9b · #674696
Opuestas en el círculo: juntas completan lo que el ojo pide por su cuenta. Es la única categoría que Goethe aprueba sin matices. § 810
Criterio tomado de Zur Farbenlehre (1810), en la traducción de Eastlake de 1840, que es de dominio público. Las explicaciones son nuestras: del libro se toma la sustancia, no la redacción. Los valores de luz que suelen atribuirse a Goethe para calcular proporciones de superficie no están en la Farbenlehre — son de Itten, 1961, y así se acreditan en las reglas de adaptación.
Lámina 03 de 05 · Complementaria
Las cinco ↑La lámina, tal cualRegla de armonía · no está en el libro
Complementaria
- Acento#6b4a8c
- Apoyo#8ba772
- Fondo#f5f2fa
- Texto#1f2b13
El morado de partida y el que tiene enfrente en la rueda, más un neutro claro y una versión oscura para fondo y texto. Para marcas que quieren llamar la atención: el acento salta porque el ojo lo lee como lo contrario del resto.
Los colores que da la regla, en crudo y a partes iguales. Es el punto de partida, no la interfaz. Pulsa uno para copiarlo.
Carta · MezclasTres partes y una
Los cuatro colores, mezclados dos a dos
- 3 partes de #6b4a8c1 de #8ba772
- 3 partes de #8ba7721 de #f5f2fa
- 3 partes de #f5f2fa1 de #1f2b13
- 3 partes de #1f2b131 de #6b4a8c
- 3 partes de #6b4a8c1 de #f5f2fa
- 3 partes de #8ba7721 de #1f2b13
- 3 partes de #f5f2fa1 de #6b4a8c
- 3 partes de #1f2b131 de #8ba772
- 3 partes de #6b4a8c1 de #1f2b13
- 3 partes de #8ba7721 de #6b4a8c
- 3 partes de #f5f2fa1 de #8ba772
- 3 partes de #1f2b131 de #f5f2fa
De aquí salen los intermedios que la lámina no trae: bordes, fondos de tarjeta, estados apagados. La mezcla se hace en OKLab, que se parece más a mezclar pintura que a promediar números. Pulsa el resultado para copiarlo.
En pantalla · el reparto60 · 30 · 10
Adaptada a pantalla
- 60 % FondoDonde descansa la vista: la mayor parte de la pantalla. El #f5f2fa de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. El #f5f2fa de la lámina, oscurecido.
- 10 % AcentoSolo lo que se pulsa. De la lámina, tal cual (#6b4a8c).
Los papeles que la lámina no trae
Medido, antes y después
- En la lámina, el mejor par de colores se lee a 13,4:1: AAA, se lee de sobra.Cumple
- En pantalla, el texto #222420 sobre el fondo #f6f4f9 da 14,3:1: AAA, se lee de sobra. En APCA da Lc 97: vale para texto pequeño, del de leer un párrafo entero.Cumple
- El acento #6b4a8c se separa 6,4:1 del fondo (un botón necesita 3:1) y como enlace llega a 6,4:1 (una palabra necesita 4,5:1).Cumple
Puesta en el mundoAdaptada
Así se ve esta lámina cuando ocupa una pantalla entera.
Este párrafo está aquí para que veas el texto de verdad sobre el fondo de verdad, que es donde se cae la mitad de las paletas bonitas. Si te cuesta leerlo, ya lo sabes. Y así se ve un enlace.
Una tarjeta
Las superficies secundarias van con el color de apoyo. Si no se distingue del fondo, la jerarquía se pierde.
Cómo usarla
- El repartoReparte, no iguales: #f6f4f9 en el 60 % de la pantalla, #e4e1e9 en el 30 % (tarjetas, franjas, cabeceras) y #6b4a8c en el 10 %, solo en botones y enlaces. Un color pierde fuerza cuanta más superficie ocupa; lo que en la lámina se ve intenso, a pantalla completa se suaviza.
- El textoEl párrafo va en #222420, una tinta casi neutra teñida del tono de la paleta, aunque en la lámina hubiera un par que se leía: un color saturado como texto cansa a la tercera línea. El color del libro entra por el titular, en #1f2b13, donde el tamaño perdona.
- El botónEl acento #6b4a8c se separa 6,4:1 del fondo: sirve de botón, con el texto en #f7f6f8.
- La temperaturaToda fría: ordenada y seria. Para que no resulte distante, deja mucho aire y usa el acento con generosidad en lo que quieras que se toque.
- CuántosCuatro colores piden disciplina: #e4e1e9 y #1f2b13 son la base, los otros dos son detalle. Si dudas, quita antes el de apoyo que el acento.
El kit · rampas y estadosPara el sistema de diseño
El kit
Una marca necesita cuatro colores; una interfaz necesita bastante más. Esto es lo que hay que inventarse a mano cuando te llevas cuatro hexadecimales y llegas al editor.
Cada muestra se copia al pulsarla.
Las luces del acento
Los neutros, teñidos del acento
Estados de un botón y avisos
El kit · noche y códigoR·01
La misma lámina, de noche
El mismo color, de noche.
El fondo no es negro puro: lleva un poco del tono del acento. Es lo que separa un modo oscuro diseñado de uno que parece una avería.
Un botónLlévatela
/* Complementaria — bluenze.com/paletas */
:root {
--fondo: #f6f4f9;
--superficie: #e4e1e9;
--texto: #222420;
--tinta: #222420;
--texto-suave: #62645e;
--titular: #1f2b13;
--acento: #6b4a8c;
--acento-texto: #f7f6f8;
--enlace: #6b4a8c;
--borde: #d2d1d5;
--apoyo-1: #8ba772;
/* la lámina, tal cual */
--lamina-1: #6b4a8c;
--lamina-2: #8ba772;
--lamina-3: #f5f2fa;
--lamina-4: #1f2b13;
--acento-50: #faf4ff;
--acento-100: #f3e7fc;
--acento-200: #e3d0f3;
--acento-300: #ceb4e5;
--acento-400: #b796d4;
--acento-500: #9e7ac0;
--acento-600: #8361a4;
--acento-700: #6b4a8c;
--acento-800: #4d3664;
--acento-900: #342245;
--neutro-50: #f7f6f7;
--neutro-100: #eceaed;
--neutro-200: #d9d6da;
--neutro-300: #c0bdc3;
--neutro-400: #a6a2a9;
--neutro-500: #8c878f;
--neutro-600: #726e76;
--neutro-700: #59565c;
--neutro-800: #423f44;
--neutro-900: #2b292d;
--boton: #6b4a8c;
--boton-encima: #593a7a;
--boton-pulsado: #472b64;
--boton-apagado: #9e98a3;
--foco: #7042a2;
--exito: #407a3e;
--aviso: #9f8a40;
--error: #a95543;
--info: #2670b3;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #251f2b;
--superficie: #332b3a;
--borde: #4d4355;
--texto: #f1ecf4;
--tinta: #f1ecf4;
--texto-suave: #b4afb7;
--acento: #ac87ce;
--acento-texto: #26222a;
}
}La lectura de GoetheQué transmite
Qué transmite esta combinación, y por qué.
Wada dice qué colores van juntos. Goethe, cien años antes, explica por qué una combinación significa algo o no significa nada, y qué hace cada color según cuánta pantalla ocupe. Su círculo tiene seis colores y tres oposiciones, y cada veredicto de aquí abajo lleva el parágrafo del libro donde está.
Qué transmite, según dónde cayó cada color
Toda la paleta cae en el lado pasivo: los colores que retroceden, enfrían y tiran de la vista hacia dentro.
- Acento · violeta
El violeta que sería insoportable en un fondo funciona en un ribete o un botón. Mismo color, cambiada la dosis: es un criterio de superficie, no de tono. § 790
- Titular · verde
El verde es el color del reposo, así que como acento no señala: el ojo lo acepta y sigue de largo. Si esta paleta necesita que algo detenga la vista, no es este color. § 802
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Características #6b4a8c · #8ba772
Característica por geometría: hay un color saltado entre las dos. Pero Goethe solo juzga cuatro parejas de este grupo, y esta no es una de ellas. § 823
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Con un neutro #6b4a8c · #f5f2fa
Junto al blanco, un color del lado pasivo gana viveza. § 831
- Características #6b4a8c · #1f2b13
Característica por geometría: hay un color saltado entre las dos. Pero Goethe solo juzga cuatro parejas de este grupo, y esta no es una de ellas. § 823
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Con un neutro #8ba772 · #f5f2fa
Un neutro con un color sin lado en el círculo. Aquí Goethe no opina. § 831
- Mismo sector #8ba772 · #1f2b13
Las dos caen en el mismo sector del círculo. No hay contraste de tono, así que lo que las separe tendrá que ser la luz. § 832
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Con un neutro #f5f2fa · #1f2b13
Un neutro con un color sin lado en el círculo. Aquí Goethe no opina. § 831
Criterio tomado de Zur Farbenlehre (1810), en la traducción de Eastlake de 1840, que es de dominio público. Las explicaciones son nuestras: del libro se toma la sustancia, no la redacción. Los valores de luz que suelen atribuirse a Goethe para calcular proporciones de superficie no están en la Farbenlehre — son de Itten, 1961, y así se acreditan en las reglas de adaptación.
Lámina 04 de 05 · Análoga
Las cinco ↑La lámina, tal cualRegla de armonía · no está en el libro
Análoga
- Apoyo#7578b4
- Acento#6b4a8c
- Texto#542854
- Fondo#f5f2fa
El morado de partida y sus dos vecinos en la rueda, más un neutro que los deja respirar. Para marcas serenas: todo parece de la misma familia y nada grita.
Los colores que da la regla, en crudo y a partes iguales. Es el punto de partida, no la interfaz. Pulsa uno para copiarlo.
Carta · MezclasTres partes y una
Los cuatro colores, mezclados dos a dos
- 3 partes de #7578b41 de #6b4a8c
- 3 partes de #6b4a8c1 de #542854
- 3 partes de #5428541 de #f5f2fa
- 3 partes de #f5f2fa1 de #7578b4
- 3 partes de #7578b41 de #542854
- 3 partes de #6b4a8c1 de #f5f2fa
- 3 partes de #5428541 de #7578b4
- 3 partes de #f5f2fa1 de #6b4a8c
- 3 partes de #7578b41 de #f5f2fa
- 3 partes de #6b4a8c1 de #7578b4
- 3 partes de #5428541 de #6b4a8c
- 3 partes de #f5f2fa1 de #542854
De aquí salen los intermedios que la lámina no trae: bordes, fondos de tarjeta, estados apagados. La mezcla se hace en OKLab, que se parece más a mezclar pintura que a promediar números. Pulsa el resultado para copiarlo.
En pantalla · el reparto60 · 30 · 10
Adaptada a pantalla
- 60 % FondoDonde descansa la vista: la mayor parte de la pantalla. El #f5f2fa de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. El #f5f2fa de la lámina, oscurecido.
- 10 % AcentoSolo lo que se pulsa. De la lámina, tal cual (#6b4a8c).
Los papeles que la lámina no trae
Medido, antes y después
- En la lámina, el mejor par de colores se lee a 10,4:1: AAA, se lee de sobra.Cumple
- En pantalla, el texto #292128 sobre el fondo #f6f4f9 da 14,3:1: AAA, se lee de sobra. En APCA da Lc 97: vale para texto pequeño, del de leer un párrafo entero.Cumple
- El acento #6b4a8c se separa 6,4:1 del fondo (un botón necesita 3:1) y como enlace llega a 6,4:1 (una palabra necesita 4,5:1).Cumple
Puesta en el mundoAdaptada
Así se ve esta lámina cuando ocupa una pantalla entera.
Este párrafo está aquí para que veas el texto de verdad sobre el fondo de verdad, que es donde se cae la mitad de las paletas bonitas. Si te cuesta leerlo, ya lo sabes. Y así se ve un enlace.
Una tarjeta
Las superficies secundarias van con el color de apoyo. Si no se distingue del fondo, la jerarquía se pierde.
Cómo usarla
- El repartoReparte, no iguales: #f6f4f9 en el 60 % de la pantalla, #e4e1e9 en el 30 % (tarjetas, franjas, cabeceras) y #6b4a8c en el 10 %, solo en botones y enlaces. Un color pierde fuerza cuanta más superficie ocupa; lo que en la lámina se ve intenso, a pantalla completa se suaviza.
- El textoEl párrafo va en #292128, una tinta casi neutra teñida del tono de la paleta, aunque en la lámina hubiera un par que se leía: un color saturado como texto cansa a la tercera línea. El color del libro entra por el titular, en #542854, donde el tamaño perdona.
- El botónEl acento #6b4a8c se separa 6,4:1 del fondo: sirve de botón, con el texto en #f7f6f8.
- La temperaturaToda fría: ordenada y seria. Para que no resulte distante, deja mucho aire y usa el acento con generosidad en lo que quieras que se toque.
- CuántosCuatro colores piden disciplina: #e4e1e9 y #542854 son la base, los otros dos son detalle. Si dudas, quita antes el de apoyo que el acento.
El kit · rampas y estadosPara el sistema de diseño
El kit
Una marca necesita cuatro colores; una interfaz necesita bastante más. Esto es lo que hay que inventarse a mano cuando te llevas cuatro hexadecimales y llegas al editor.
Cada muestra se copia al pulsarla.
Las luces del acento
Los neutros, teñidos del acento
Estados de un botón y avisos
El kit · noche y códigoR·02
La misma lámina, de noche
El mismo color, de noche.
El fondo no es negro puro: lleva un poco del tono del acento. Es lo que separa un modo oscuro diseñado de uno que parece una avería.
Un botónLlévatela
/* Análoga — bluenze.com/paletas */
:root {
--fondo: #f6f4f9;
--superficie: #e4e1e9;
--texto: #292128;
--tinta: #292128;
--texto-suave: #6a6069;
--titular: #542854;
--acento: #6b4a8c;
--acento-texto: #f7f6f8;
--enlace: #6b4a8c;
--borde: #d2d1d5;
--apoyo-1: #7578b4;
/* la lámina, tal cual */
--lamina-1: #7578b4;
--lamina-2: #6b4a8c;
--lamina-3: #542854;
--lamina-4: #f5f2fa;
--acento-50: #faf4ff;
--acento-100: #f3e7fc;
--acento-200: #e3d0f3;
--acento-300: #ceb4e5;
--acento-400: #b796d4;
--acento-500: #9e7ac0;
--acento-600: #8361a4;
--acento-700: #6b4a8c;
--acento-800: #4d3664;
--acento-900: #342245;
--neutro-50: #f7f6f7;
--neutro-100: #eceaed;
--neutro-200: #d9d6da;
--neutro-300: #c0bdc3;
--neutro-400: #a6a2a9;
--neutro-500: #8c878f;
--neutro-600: #726e76;
--neutro-700: #59565c;
--neutro-800: #423f44;
--neutro-900: #2b292d;
--boton: #6b4a8c;
--boton-encima: #593a7a;
--boton-pulsado: #472b64;
--boton-apagado: #9e98a3;
--foco: #7042a2;
--exito: #407a3e;
--aviso: #9f8a40;
--error: #a95543;
--info: #2670b3;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #251f2b;
--superficie: #332b3a;
--borde: #4d4355;
--texto: #f1ecf4;
--tinta: #f1ecf4;
--texto-suave: #b4afb7;
--acento: #ac87ce;
--acento-texto: #26222a;
}
}La lectura de GoetheQué transmite
Qué transmite esta combinación, y por qué.
Wada dice qué colores van juntos. Goethe, cien años antes, explica por qué una combinación significa algo o no significa nada, y qué hace cada color según cuánta pantalla ocupe. Su círculo tiene seis colores y tres oposiciones, y cada veredicto de aquí abajo lleva el parágrafo del libro donde está.
Qué transmite, según dónde cayó cada color
Toda la paleta cae en el lado pasivo: los colores que retroceden, enfrían y tiran de la vista hacia dentro.
- Acento y Titular · violeta
El violeta que sería insoportable en un fondo funciona en un ribete o un botón. Mismo color, cambiada la dosis: es un criterio de superficie, no de tono. § 790
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Vecinas #7578b4 · #6b4a8c
Vecinas en el círculo, sin color intermedio que las separe. Se salvan por proporción: una tiene que mandar y la otra acompañar. § 828
- Vecinas #7578b4 · #542854
Vecinas en el círculo, sin color intermedio que las separe. Se salvan por proporción: una tiene que mandar y la otra acompañar. § 828
- Con un neutro #7578b4 · #f5f2fa
Junto al blanco, un color del lado pasivo gana viveza. § 831
- Mismo sector #6b4a8c · #542854
Las dos caen en el mismo sector del círculo. No hay contraste de tono, así que lo que las separe tendrá que ser la luz. § 832
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Con un neutro #6b4a8c · #f5f2fa
Junto al blanco, un color del lado pasivo gana viveza. § 831
- Con un neutro #542854 · #f5f2fa
Junto al blanco, un color del lado pasivo gana viveza. § 831
Criterio tomado de Zur Farbenlehre (1810), en la traducción de Eastlake de 1840, que es de dominio público. Las explicaciones son nuestras: del libro se toma la sustancia, no la redacción. Los valores de luz que suelen atribuirse a Goethe para calcular proporciones de superficie no están en la Farbenlehre — son de Itten, 1961, y así se acreditan en las reglas de adaptación.
Lámina 05 de 05 · Monocroma con acento
Las cinco ↑La lámina, tal cualRegla de armonía · no está en el libro
Monocroma con acento
- Texto#362448
- Acento#6b4a8c
- Fondo#ede3fa
- Apoyo#88a968
Un solo tono en tres luces y un acento pequeño enfrente. La que más usan los estudios: la marca se reconoce por un color y el acento hace el trabajo de señalar botones y enlaces.
Los colores que da la regla, en crudo y a partes iguales. Es el punto de partida, no la interfaz. Pulsa uno para copiarlo.
Carta · MezclasTres partes y una
Los cuatro colores, mezclados dos a dos
- 3 partes de #3624481 de #6b4a8c
- 3 partes de #6b4a8c1 de #ede3fa
- 3 partes de #ede3fa1 de #88a968
- 3 partes de #88a9681 de #362448
- 3 partes de #3624481 de #ede3fa
- 3 partes de #6b4a8c1 de #88a968
- 3 partes de #ede3fa1 de #362448
- 3 partes de #88a9681 de #6b4a8c
- 3 partes de #3624481 de #88a968
- 3 partes de #6b4a8c1 de #362448
- 3 partes de #ede3fa1 de #6b4a8c
- 3 partes de #88a9681 de #ede3fa
De aquí salen los intermedios que la lámina no trae: bordes, fondos de tarjeta, estados apagados. La mezcla se hace en OKLab, que se parece más a mezclar pintura que a promediar números. Pulsa el resultado para copiarlo.
En pantalla · el reparto60 · 30 · 10
Adaptada a pantalla
- 60 % FondoDonde descansa la vista: la mayor parte de la pantalla. El #ede3fa de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. De la lámina, tal cual (#ede3fa).
- 10 % AcentoSolo lo que se pulsa. De la lámina, tal cual (#6b4a8c).
Los papeles que la lámina no trae
Medido, antes y después
- En la lámina, el mejor par de colores se lee a 11,2:1: AAA, se lee de sobra.Cumple
- En pantalla, el texto #262228 sobre el fondo #f8f3ff da 14,3:1: AAA, se lee de sobra. En APCA da Lc 97: vale para texto pequeño, del de leer un párrafo entero.Cumple
- El acento #6b4a8c se separa 6,4:1 del fondo (un botón necesita 3:1) y como enlace llega a 6,4:1 (una palabra necesita 4,5:1).Cumple
Puesta en el mundoAdaptada
Así se ve esta lámina cuando ocupa una pantalla entera.
Este párrafo está aquí para que veas el texto de verdad sobre el fondo de verdad, que es donde se cae la mitad de las paletas bonitas. Si te cuesta leerlo, ya lo sabes. Y así se ve un enlace.
Una tarjeta
Las superficies secundarias van con el color de apoyo. Si no se distingue del fondo, la jerarquía se pierde.
Cómo usarla
- El repartoReparte, no iguales: #f8f3ff en el 60 % de la pantalla, #ede3fa en el 30 % (tarjetas, franjas, cabeceras) y #6b4a8c en el 10 %, solo en botones y enlaces. Un color pierde fuerza cuanta más superficie ocupa; lo que en la lámina se ve intenso, a pantalla completa se suaviza.
- El textoEl párrafo va en #262228, una tinta casi neutra teñida del tono de la paleta, aunque en la lámina hubiera un par que se leía: un color saturado como texto cansa a la tercera línea. El color del libro entra por el titular, en #362448, donde el tamaño perdona.
- El botónEl acento #6b4a8c se separa 6,4:1 del fondo: sirve de botón, con el texto en #f8f6fa.
- La temperaturaToda fría: ordenada y seria. Para que no resulte distante, deja mucho aire y usa el acento con generosidad en lo que quieras que se toque.
- CuántosCuatro colores piden disciplina: #ede3fa y #362448 son la base, los otros dos son detalle. Si dudas, quita antes el de apoyo que el acento.
El kit · rampas y estadosPara el sistema de diseño
El kit
Una marca necesita cuatro colores; una interfaz necesita bastante más. Esto es lo que hay que inventarse a mano cuando te llevas cuatro hexadecimales y llegas al editor.
Cada muestra se copia al pulsarla.
Las luces del acento
Los neutros, teñidos del acento
Estados de un botón y avisos
El kit · noche y códigoR·03
La misma lámina, de noche
El mismo color, de noche.
El fondo no es negro puro: lleva un poco del tono del acento. Es lo que separa un modo oscuro diseñado de uno que parece una avería.
Un botónLlévatela
/* Monocroma con acento — bluenze.com/paletas */
:root {
--fondo: #f8f3ff;
--superficie: #ede3fa;
--texto: #262228;
--tinta: #262228;
--texto-suave: #666269;
--titular: #362448;
--acento: #6b4a8c;
--acento-texto: #f8f6fa;
--enlace: #6b4a8c;
--borde: #d5d0db;
--apoyo-1: #88a968;
/* la lámina, tal cual */
--lamina-1: #362448;
--lamina-2: #6b4a8c;
--lamina-3: #ede3fa;
--lamina-4: #88a968;
--acento-50: #faf4ff;
--acento-100: #f3e7fc;
--acento-200: #e3d0f3;
--acento-300: #ceb4e5;
--acento-400: #b796d4;
--acento-500: #9e7ac0;
--acento-600: #8361a4;
--acento-700: #6b4a8c;
--acento-800: #4d3664;
--acento-900: #342245;
--neutro-50: #f7f6f7;
--neutro-100: #eceaed;
--neutro-200: #d9d6da;
--neutro-300: #c0bdc3;
--neutro-400: #a6a2a9;
--neutro-500: #8c878f;
--neutro-600: #726e76;
--neutro-700: #59565c;
--neutro-800: #423f44;
--neutro-900: #2b292d;
--boton: #6b4a8c;
--boton-encima: #593a7a;
--boton-pulsado: #472b64;
--boton-apagado: #9e98a3;
--foco: #7042a2;
--exito: #407a3e;
--aviso: #9f8a40;
--error: #a95543;
--info: #2670b3;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #251f2b;
--superficie: #332b3a;
--borde: #4d4355;
--texto: #f1ecf4;
--tinta: #f1ecf4;
--texto-suave: #b4afb7;
--acento: #ac87ce;
--acento-texto: #26222a;
}
}La lectura de GoetheQué transmite
Qué transmite esta combinación, y por qué.
Wada dice qué colores van juntos. Goethe, cien años antes, explica por qué una combinación significa algo o no significa nada, y qué hace cada color según cuánta pantalla ocupe. Su círculo tiene seis colores y tres oposiciones, y cada veredicto de aquí abajo lleva el parágrafo del libro donde está.
Qué transmite, según dónde cayó cada color
Toda la paleta cae en el lado pasivo: los colores que retroceden, enfrían y tiran de la vista hacia dentro.
- Superficie · violeta
Goethe lo dice sin rodeos: una superficie grande de violeta puro sería insoportable. Aquí aguanta porque la adaptación a pantalla le ha bajado el croma. En la lámina, a plena saturación, no aguantaría. § 790
- Acento y Titular · violeta
El violeta que sería insoportable en un fondo funciona en un ribete o un botón. Mismo color, cambiada la dosis: es un criterio de superficie, no de tono. § 790
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Mismo sector #362448 · #6b4a8c
Las dos caen en el mismo sector del círculo. No hay contraste de tono, así que lo que las separe tendrá que ser la luz. § 832
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Mismo sector #362448 · #ede3fa
Las dos caen en el mismo sector del círculo. No hay contraste de tono, así que lo que las separe tendrá que ser la luz. § 832
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Características #362448 · #88a968
Característica por geometría: hay un color saltado entre las dos. Pero Goethe solo juzga cuatro parejas de este grupo, y esta no es una de ellas. § 823
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Mismo sector #6b4a8c · #ede3fa
Las dos caen en el mismo sector del círculo. No hay contraste de tono, así que lo que las separe tendrá que ser la luz. § 832
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Características #6b4a8c · #88a968
Característica por geometría: hay un color saltado entre las dos. Pero Goethe solo juzga cuatro parejas de este grupo, y esta no es una de ellas. § 823
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
- Características #ede3fa · #88a968
Característica por geometría: hay un color saltado entre las dos. Pero Goethe solo juzga cuatro parejas de este grupo, y esta no es una de ellas. § 823
Este veredicto es nuestro. Goethe juzga cuatro de las seis parejas de este grupo y lo dice él mismo, o alguno de los dos colores cae justo entre dos sectores del círculo.
Criterio tomado de Zur Farbenlehre (1810), en la traducción de Eastlake de 1840, que es de dominio público. Las explicaciones son nuestras: del libro se toma la sustancia, no la redacción. Los valores de luz que suelen atribuirse a Goethe para calcular proporciones de superficie no están en la Farbenlehre — son de Itten, 1961, y así se acreditan en las reglas de adaptación.
Índice · 80 combinacionesHaishoku Sōkan · 1933
Las combinaciones de Wada con el morado.
Van las 24 con más colores de las 80 que llevan algún morado. El resto, en el diccionario.
- Rosa eosina · Caqui · Lavanda claro · Berenjena oscuroCombinación 248
- Amarillo limón · Naranja albaricoque · Púrpura medianoche · Azul pizarraCombinación 253
- Rosa chicle · Amarillo azufre · Oliva · Rosa orquídeaCombinación 254
- Rojo puro · Amarillo anaranjado · Azul puro · Violeta acónitoCombinación 257
- Siena tostado · Granate apagado · Violeta acónito · NegroCombinación 269
- Rojo anaranjado vivo · Verde caqui oscuro · Azul cielo · Malva violáceoCombinación 274
- Rojo etrusco · Crudo · Marrón rojizo oscuro · Vino tinto apagadoCombinación 275
- Rosa chicle intenso · Púrpura magenta · Oliva · Azul nocheCombinación 277
- Cereza fucsia · Verde bosque · Rosa orquídea · Vino tinto apagadoCombinación 280
- Cereza fucsia · Arce · Verde menta · LilaCombinación 282
- Naranja amarillento · Sepia · Vino tinto apagado · NegroCombinación 288
- Rojo puro · Beige marfil · Violeta acónito · Verde manzanaCombinación 301
- Carmín · Lavanda claro · Violeta acónito · Púrpura medianocheCombinación 307
- Rosa eosina · Castaño rojizo · Azul ultramar · Violeta casi negroCombinación 314
- Rosa granadina · Amarillo azufre · Amarillo dorado · Magenta violáceoCombinación 315
- Rojo sangre seca · Verde viridián · Violeta puro · Púrpura realCombinación 316
- Rojo puro · Rojo ladrillo · Azul violeta vivo · Magenta violáceoCombinación 322
- Rojo pompeyano · Azul cielo · Violeta acónito · Gris verdoso claroCombinación 324
- Amarillo crema · Lavanda grisáceo · Púrpura medianoche · Azul pizarraCombinación 329
- Fucsia violáceo · Azul noche · Malva violáceo · Violeta puroCombinación 331
- Rojo sangre seca · Naranja amarillento · Violeta puro · Azul pizarraCombinación 335
- Ciruela oscuro · Rosa orquídea · Vino violáceo · NegroCombinación 337
- Canela claro · Azul ultramar · Violeta acónito · NegroCombinación 344
- Castaño rojizo · Aguamarina pálido · Verde esmeralda claro · Azul violeta vivoCombinación 345
Todas las combinaciones del diccionario →Ir a la herramienta →
Las otras onceColores que combinan con…
Los otros colores
Y si tu color es otro.
- Colores que combinan con el verde
- Colores que combinan con el azul
- Colores que combinan con el gris
- Colores que combinan con el marrón
- Colores que combinan con el rojo
- Colores que combinan con el amarillo
- Colores que combinan con el naranja
- Colores que combinan con el rosa
- Colores que combinan con el beige
- Colores que combinan con el negro
- Colores que combinan con el blanco
Las doce familias, en una carta →
Combinaciones a partir del sistema de Sanzō Wada (Haishoku Sōkan, 1933-34; selección de Seigensha, 2010). Los valores están cotejados con esa edición; los nombres en castellano, el carácter de cada combinación y las explicaciones son nuestros.
Colofón
El color es el principio, no el encargo
Si es para tu marca, esto es lo que hacemos: webs a medida que empiezan por el color y acaban en el código.