254
Familia · rosaBluenze · Paletas
Paletas por color
Colores que combinan con el rosa
31 combinaciones en el libro
Un rojo con luz y poco croma. Ha pasado de ser un color con destinatario a ser el color con el que más se juega, y aguanta mucho más de lo que la gente cree.
Carta · Los 5 rosas del libroHaishoku Sōkan · 1933
- Rosa algodón de azúcar#f8c8d7En 3 combinaciones
- Rosa chicle#f7bdc3En 12 combinaciones
- Rosa camafeo#e5bcbfEn 6 combinaciones
- Rosa empolvado#d7b7adEn 3 combinaciones
- Salmón canela#efad91En 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 rosa
El rosa se define por lo que le falta: es un rojo o un magenta al que le han subido la luz y le han quitado carga. De ahí que haya tantos: el rosa palo, que es casi un neutro; el rosa viejo, que tiene tierra dentro; el fucsia, que no se puede ignorar; y el coral, que ya está pidiendo ser naranja.
Con lo que mejor funciona es con lo que no se espera: verde oscuro, azul marino, borgoña. La combinación de rosa palo y verde botella es una de las más sólidas que hay, y es antigua, no una moda. Con gris cálido y crema queda suave sin quedar infantil, que es la línea que más cuesta encontrar. Un rosa con negro es directamente otra cosa: dureza.
El aviso de siempre: los rosas claros casi nunca sirven de texto ni de acento sobre blanco, porque el contraste no llega. Funcionan como fondo o como superficie grande, con el texto en un tono muy oscuro de su misma familia — un burdeos, un marrón oscuro— que es lo que evita que la paleta parezca de tarta.
La tarjeta · Para compartir1200 × 630
Cinco paletas con el rosa, 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 rosa
Capítulo 2 · Del libroHaishoku Sōkan · 1933
Capítulo 2 · Por reglaArmonías con nombre
Por regla
Tres láminas construidas desde el rosa 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 254 de Wada
Las cinco ↑La lámina, tal cualHaishoku Sōkan · 1933
Combinación 254 de Wada
- Rosa chicle#f7bdc3
- Amarillo azufre#f8f0c8
- Oliva#8a8122
- Rosa orquídea#d097ad
Contiene un color muy parecido al rosa de partida (Rosa orquídea) y lleva casi un siglo en uso. Sus colores, con nuestros nombres: Rosa chicle · Amarillo azufre · Oliva · Rosa orquídea. Dos amarillos, un magenta y un rosa, con una diferencia de luz clara pero cómoda. Paleta contenida y toda cálida. Solo sirve para titulares grandes: ninguna pareja llega a texto corrido (contraste máximo 3,5:1).
4 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 cuatro colores, mezclados dos a dos
- 3 partes de rosa chicle1 de amarillo azufre
- 3 partes de amarillo azufre1 de oliva
- 3 partes de oliva1 de rosa orquídea
- 3 partes de rosa orquídea1 de rosa chicle
- 3 partes de rosa chicle1 de oliva
- 3 partes de amarillo azufre1 de rosa orquídea
- 3 partes de oliva1 de rosa chicle
- 3 partes de rosa orquídea1 de amarillo azufre
- 3 partes de rosa chicle1 de rosa orquídea
- 3 partes de amarillo azufre1 de rosa chicle
- 3 partes de oliva1 de amarillo azufre
- 3 partes de rosa orquídea1 de oliva
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 #f8f0c8 de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. El #f8f0c8 de la lámina, oscurecido.
- 10 % AcentoSolo lo que se pulsa. El #f7bdc3 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,4:1: solo vale para texto grande.No llega
- En pantalla, el texto #262419 sobre el fondo #f9f5e4 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 #b37d83 se separa 3,1:1 del fondo (un botón necesita 3:1) y como enlace llega a 4,7:1 (una palabra necesita 4,5:1).Cumple
- Con deuteranopia, tu acento y tu fondo se quedan en 2,9:1. El botón deja de despegarse: dale un borde, cambia la luz o no confíes solo en el color para señalarlo.No llega
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: #f9f5e4 en el 60 % de la pantalla, #e7dfb7 en el 30 % (tarjetas, franjas, cabeceras) y #b37d83 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,4:1). Por eso el párrafo va en #262419, una tinta casi neutra teñida del tono de la paleta: no está en el libro y hace falta.
- El botónEl acento #b37d83 se separa 3,1:1 del fondo: sirve de botón, con el texto en #262419.
- La temperaturaToda cálida: da cercanía y unidad, pero para destacar algo no cuentes con el color, cuenta con la luz: lo importante, más oscuro o más claro que lo que lo rodea.
- CuántosCuatro colores piden disciplina: #e7dfb7 y #7a7210 son la base, los otros dos son detalle. Si dudas, quita antes el de apoyo que el acento.
- 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 de varios niveles de luz: ya trae jerarquía. Respétala en la pantalla: el más claro detrás, el más oscuro delante.
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ódigo254
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 254 de Wada — bluenze.com/paletas */
:root {
--fondo: #f9f5e4;
--superficie: #e7dfb7;
--texto: #262419;
--tinta: #262419;
--texto-suave: #676353;
--titular: #7a7210;
--acento: #b37d83;
--acento-texto: #262419;
--enlace: #925f65;
--borde: #d6d2be;
--apoyo-1: #d097ad;
/* la lámina de Wada, tal cual */
--lamina-1: #f7bdc3;
--lamina-2: #f8f0c8;
--lamina-3: #8a8122;
--lamina-4: #d097ad;
--acento-50: #fef4f5;
--acento-100: #f8e7e8;
--acento-200: #ecd1d3;
--acento-300: #dbb5b8;
--acento-400: #c7979c;
--acento-500: #b37d83;
--acento-600: #946268;
--acento-700: #774b50;
--acento-800: #59363b;
--acento-900: #3d2326;
--neutro-50: #f8f6f6;
--neutro-100: #eeeaea;
--neutro-200: #dcd6d6;
--neutro-300: #c5bcbd;
--neutro-400: #aca1a1;
--neutro-500: #928687;
--neutro-600: #786d6e;
--neutro-700: #5f5556;
--neutro-800: #463e3f;
--neutro-900: #2f2829;
--boton: #b37d83;
--boton-encima: #a06b71;
--boton-pulsado: #875d61;
--boton-apagado: #d9cfd0;
--foco: #cf6e7d;
--exito: #457942;
--aviso: #9e8b48;
--error: #a45747;
--info: #3670ac;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #291f20;
--superficie: #372b2c;
--borde: #524344;
--texto: #f3eced;
--tinta: #f3eced;
--texto-suave: #b6afaf;
--acento: #be888d;
--acento-texto: #282223;
}
}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 activo del círculo: los colores que avanzan, calientan y empujan hacia fuera.
- 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 · rojo
El rojo es el punto más alto del lado activo. En mancha pequeña hace exactamente lo que se le pide a un acento: detener la vista una vez. § 793
- Titular · amarillo
El amarillo señala, pero pierde en cuanto el soporte deja de ser liso y brillante. En pantalla eso son las sombras, los degradados y la letra pequeña encima. § 771
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Características #f7bdc3 · #f8f0c8
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
- Características #f7bdc3 · #8a8122
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
- Mismo sector #f7bdc3 · #d097ad
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 #f8f0c8 · #8a8122
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 #f8f0c8 · #d097ad
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
- Características #8a8122 · #d097ad
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
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 280 de Wada
Las cinco ↑La lámina, tal cualHaishoku Sōkan · 1933
Combinación 280 de Wada
- Cereza fucsia#d84c5a
- Verde bosque#5d5b31
- Rosa orquídea#d097ad
- Vino tinto apagado#844859
Contiene un color muy parecido al rosa de partida (Rosa orquídea) y lleva casi un siglo en uso. Sus colores, con nuestros nombres: Cereza fucsia · Verde bosque · Rosa orquídea · Vino tinto apagado. Dos magentas, un amarillo y un rojo, con una diferencia de luz clara pero cómoda. Paleta contenida y toda cálida. Ninguna pareja se lee encima de otra: pide un blanco o un negro de fuera (contraste máximo 2,9:1).
4 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 cuatro colores, mezclados dos a dos
- 3 partes de cereza fucsia1 de verde bosque
- 3 partes de verde bosque1 de rosa orquídea
- 3 partes de rosa orquídea1 de vino tinto apagado
- 3 partes de vino tinto apagado1 de cereza fucsia
- 3 partes de cereza fucsia1 de rosa orquídea
- 3 partes de verde bosque1 de vino tinto apagado
- 3 partes de rosa orquídea1 de cereza fucsia
- 3 partes de vino tinto apagado1 de verde bosque
- 3 partes de cereza fucsia1 de vino tinto apagado
- 3 partes de verde bosque1 de cereza fucsia
- 3 partes de rosa orquídea1 de verde bosque
- 3 partes de vino tinto apagado1 de rosa orquídea
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 #d097ad de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. De la lámina, tal cual (#d097ad).
- 10 % AcentoSolo lo que se pulsa. El #d84c5a 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 2,9:1: no se lee.No llega
- En pantalla, el texto #25241d sobre el fondo #fff2f6 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 #c63a4c se separa 4,6:1 del fondo (un botón necesita 3:1) y como enlace llega a 4,6: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: #fff2f6 en el 60 % de la pantalla, #d097ad en el 30 % (tarjetas, franjas, cabeceras) y #c63a4c 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 2,9:1). Por eso el párrafo va en #25241d, una tinta casi neutra teñida del tono de la paleta: no está en el libro y hace falta.
- El botónEl acento #c63a4c se separa 4,6:1 del fondo: sirve de botón, con el texto en #fef4f7.
- La temperaturaToda cálida: da cercanía y unidad, pero para destacar algo no cuentes con el color, cuenta con la luz: lo importante, más oscuro o más claro que lo que lo rodea.
- CuántosCuatro colores piden disciplina: #d097ad y #5d5b31 son la base, los otros dos son detalle. Si dudas, quita antes el de apoyo que el acento.
- En el diccionarioEn el diccionario está entre las de tono sobre tono: colores de una misma familia. La jerarquía la da la luz, no el matiz, así que ordena los elementos de más claro a más oscuro. 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ódigo280
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 280 de Wada — bluenze.com/paletas */
:root {
--fondo: #fff2f6;
--superficie: #d097ad;
--texto: #25241d;
--tinta: #25241d;
--texto-suave: #65635b;
--titular: #5d5b31;
--acento: #c63a4c;
--acento-texto: #fef4f7;
--enlace: #c63b4c;
--borde: #e7cad5;
--apoyo-1: #844859;
/* la lámina de Wada, tal cual */
--lamina-1: #d84c5a;
--lamina-2: #5d5b31;
--lamina-3: #d097ad;
--lamina-4: #844859;
--acento-50: #f6f6f6;
--acento-100: #ffe5e5;
--acento-200: #ffcaca;
--acento-300: #ffa7a8;
--acento-400: #fa7d83;
--acento-500: #e75865;
--acento-600: #c63a4c;
--acento-700: #a12a3a;
--acento-800: #7b1a29;
--acento-900: #560c19;
--neutro-50: #f8f6f6;
--neutro-100: #eeeaea;
--neutro-200: #dcd6d6;
--neutro-300: #c5bcbc;
--neutro-400: #aca1a0;
--neutro-500: #938686;
--neutro-600: #796d6d;
--neutro-700: #5f5555;
--neutro-800: #463e3e;
--neutro-900: #2f2928;
--boton: #c63a4c;
--boton-encima: #b1243c;
--boton-pulsado: #97132f;
--boton-apagado: #c5acab;
--foco: #db0143;
--exito: #197e25;
--aviso: #a28a0d;
--error: #bd4431;
--info: #0770ba;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #2e1d1d;
--superficie: #3e2929;
--borde: #5a4040;
--texto: #f9ebea;
--tinta: #f9ebea;
--texto-suave: #bdadad;
--acento: #f66672;
--acento-texto: #2f2020;
}
}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 activo del círculo: los colores que avanzan, calientan y empujan hacia fuera.
- Superficie · rojo
El rojo a plena superficie no deja sitio para nada más. Es el color de la gravedad y la dignidad, y en un fondo eso se lee como peso constante. § 790
- Acento · rojo
El rojo es el punto más alto del lado activo. En mancha pequeña hace exactamente lo que se le pide a un acento: detener la vista una vez. § 793
- Titular · amarillo
El amarillo señala, pero pierde en cuanto el soporte deja de ser liso y brillante. En pantalla eso son las sombras, los degradados y la letra pequeña encima. § 771
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Características #d84c5a · #5d5b31
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
- Mismo sector #d84c5a · #d097ad
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 #d84c5a · #844859
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 #5d5b31 · #d097ad
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
- Características #5d5b31 · #844859
Amarillo y rojo, con el naranja saltado entre medias. Es la pareja característica que mejor le parece: serena y magnífica. § 820
- Mismo sector #d097ad · #844859
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.
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#dd8fa0
- Apoyo#307568
- Fondo#fbf0f2
- Texto#0d2d27
El rosa 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 #dd8fa01 de #307568
- 3 partes de #3075681 de #fbf0f2
- 3 partes de #fbf0f21 de #0d2d27
- 3 partes de #0d2d271 de #dd8fa0
- 3 partes de #dd8fa01 de #fbf0f2
- 3 partes de #3075681 de #0d2d27
- 3 partes de #fbf0f21 de #dd8fa0
- 3 partes de #0d2d271 de #307568
- 3 partes de #dd8fa01 de #0d2d27
- 3 partes de #3075681 de #dd8fa0
- 3 partes de #fbf0f21 de #307568
- 3 partes de #0d2d271 de #fbf0f2
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 #fbf0f2 de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. El #fbf0f2 de la lámina, oscurecido.
- 10 % AcentoSolo lo que se pulsa. El #dd8fa0 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 13,2:1: AAA, se lee de sobra.Cumple
- En pantalla, el texto #202523 sobre el fondo #faf3f5 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 #c07586 se separa 3,1:1 del fondo (un botón necesita 3:1) y como enlace llega a 4,7:1 (una palabra necesita 4,5:1).Cumple
- Con deuteranopia, tu acento y tu fondo se quedan en 2,9:1. El botón deja de despegarse: dale un borde, cambia la luz o no confíes solo en el color para señalarlo.No llega
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: #faf3f5 en el 60 % de la pantalla, #eadfe1 en el 30 % (tarjetas, franjas, cabeceras) y #c07586 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 #202523, 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 #0d2d27, donde el tamaño perdona.
- El botónEl acento #c07586 se separa 3,1:1 del fondo: sirve de botón, con el texto en #202523.
- La temperaturaHay cálidos y fríos: que domine uno y el otro señale. Aquí manda el fondo #eadfe1, y el acento #c07586 es lo primero que el ojo va a buscar.
- CuántosCuatro colores piden disciplina: #eadfe1 y #0d2d27 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: #faf3f5;
--superficie: #eadfe1;
--texto: #202523;
--tinta: #202523;
--texto-suave: #5e6463;
--titular: #0d2d27;
--acento: #c07586;
--acento-texto: #202523;
--enlace: #9f5668;
--borde: #d6d0d1;
--apoyo-1: #307568;
/* la lámina, tal cual */
--lamina-1: #dd8fa0;
--lamina-2: #307568;
--lamina-3: #fbf0f2;
--lamina-4: #0d2d27;
--acento-50: #fff4f6;
--acento-100: #fde5e9;
--acento-200: #f4ced5;
--acento-300: #e6b0bb;
--acento-400: #d4919f;
--acento-500: #c07586;
--acento-600: #a15a6b;
--acento-700: #814553;
--acento-800: #61313d;
--acento-900: #431e28;
--neutro-50: #f8f6f6;
--neutro-100: #eeeaeb;
--neutro-200: #dcd6d7;
--neutro-300: #c5bcbe;
--neutro-400: #aba0a2;
--neutro-500: #928688;
--neutro-600: #786d6f;
--neutro-700: #5f5556;
--neutro-800: #463e3f;
--neutro-900: #2e282a;
--boton: #c07586;
--boton-encima: #ac6374;
--boton-pulsado: #935563;
--boton-apagado: #dbced0;
--foco: #da6484;
--exito: #457942;
--aviso: #9e8b48;
--error: #a45747;
--info: #3670ac;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #2b1e21;
--superficie: #3a2a2d;
--borde: #564145;
--texto: #f4eced;
--tinta: #f4eced;
--texto-suave: #b8aeb0;
--acento: #cc8091;
--acento-texto: #2a2123;
}
}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 activo del círculo: los colores que avanzan, calientan y empujan hacia fuera.
- Acento · rojo
El rojo es el punto más alto del lado activo. En mancha pequeña hace exactamente lo que se le pide a un acento: detener la vista una vez. § 793
- 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
- Opuestas #dd8fa0 · #307568
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
- Con un neutro #dd8fa0 · #fbf0f2
Junto al blanco, un color del lado activo pierde fuerza. § 831
- Opuestas #dd8fa0 · #0d2d27
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
- Con un neutro #307568 · #fbf0f2
Un neutro con un color sin lado en el círculo. Aquí Goethe no opina. § 831
- Mismo sector #307568 · #0d2d27
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 #fbf0f2 · #0d2d27
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
- Acento#f3bbe2
- Apoyo#dd8fa0
- Texto#ae745c
- Fondo#fbf0f2
El rosa 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 #f3bbe21 de #dd8fa0
- 3 partes de #dd8fa01 de #ae745c
- 3 partes de #ae745c1 de #fbf0f2
- 3 partes de #fbf0f21 de #f3bbe2
- 3 partes de #f3bbe21 de #ae745c
- 3 partes de #dd8fa01 de #fbf0f2
- 3 partes de #ae745c1 de #f3bbe2
- 3 partes de #fbf0f21 de #dd8fa0
- 3 partes de #f3bbe21 de #fbf0f2
- 3 partes de #dd8fa01 de #f3bbe2
- 3 partes de #ae745c1 de #dd8fa0
- 3 partes de #fbf0f21 de #ae745c
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 #fbf0f2 de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. El #fbf0f2 de la lámina, oscurecido.
- 10 % AcentoSolo lo que se pulsa. El #f3bbe2 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,4:1: solo vale para texto grande.No llega
- En pantalla, el texto #2b221e sobre el fondo #faf3f5 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 #af7ba0 se separa 3,1: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: #faf3f5 en el 60 % de la pantalla, #eadfe1 en el 30 % (tarjetas, franjas, cabeceras) y #af7ba0 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,4:1). Por eso el párrafo va en #2b221e, una tinta casi neutra teñida del tono de la paleta: no está en el libro y hace falta.
- El botónEl acento #af7ba0 se separa 3,1:1 del fondo: sirve de botón, con el texto en #2b221e.
- La temperaturaToda cálida: da cercanía y unidad, pero para destacar algo no cuentes con el color, cuenta con la luz: lo importante, más oscuro o más claro que lo que lo rodea.
- CuántosCuatro colores piden disciplina: #eadfe1 y #986049 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: #faf3f5;
--superficie: #eadfe1;
--texto: #2b221e;
--tinta: #2b221e;
--texto-suave: #6d615c;
--titular: #986049;
--acento: #af7ba0;
--acento-texto: #2b221e;
--enlace: #8f5d81;
--borde: #d6d0d1;
--apoyo-1: #dd8fa0;
/* la lámina, tal cual */
--lamina-1: #f3bbe2;
--lamina-2: #dd8fa0;
--lamina-3: #ae745c;
--lamina-4: #fbf0f2;
--acento-50: #fdf4fa;
--acento-100: #f7e7f1;
--acento-200: #ead0e2;
--acento-300: #d8b4cd;
--acento-400: #c395b6;
--acento-500: #af7ba0;
--acento-600: #916083;
--acento-700: #744a68;
--acento-800: #57354d;
--acento-900: #3b2234;
--neutro-50: #f8f6f7;
--neutro-100: #edeaec;
--neutro-200: #dad6d9;
--neutro-300: #c3bcc1;
--neutro-400: #a9a1a6;
--neutro-500: #8f868c;
--neutro-600: #766d73;
--neutro-700: #5c555a;
--neutro-800: #443e42;
--neutro-900: #2d292c;
--boton: #af7ba0;
--boton-encima: #9c698e;
--boton-pulsado: #855a79;
--boton-apagado: #d8cfd5;
--foco: #c46ead;
--exito: #457942;
--aviso: #9e8b48;
--error: #a45747;
--info: #3670ac;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #281f25;
--superficie: #362b33;
--borde: #51434c;
--texto: #f2ecf0;
--tinta: #f2ecf0;
--texto-suave: #b5afb3;
--acento: #ba86ab;
--acento-texto: #282226;
}
}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.
- 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 · 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
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Vecinas #f3bbe2 · #dd8fa0
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 #f3bbe2 · #ae745c
Naranja y violeta, con el rojo saltado. Excita porque deja presentir el rojo puro sin llegar a enseñarlo. § 822
- Con un neutro #f3bbe2 · #fbf0f2
Junto al blanco, un color del lado pasivo gana viveza. § 831
- Vecinas #dd8fa0 · #ae745c
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 #dd8fa0 · #fbf0f2
Junto al blanco, un color del lado activo pierde fuerza. § 831
- Con un neutro #ae745c · #fbf0f2
Junto al blanco, un color del lado activo pierde fuerza. § 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#46202a
- Apoyo#dd8fa0
- Fondo#fae0e5
- Acento#197768
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 #46202a1 de #dd8fa0
- 3 partes de #dd8fa01 de #fae0e5
- 3 partes de #fae0e51 de #197768
- 3 partes de #1977681 de #46202a
- 3 partes de #46202a1 de #fae0e5
- 3 partes de #dd8fa01 de #197768
- 3 partes de #fae0e51 de #46202a
- 3 partes de #1977681 de #dd8fa0
- 3 partes de #46202a1 de #197768
- 3 partes de #dd8fa01 de #46202a
- 3 partes de #fae0e51 de #dd8fa0
- 3 partes de #1977681 de #fae0e5
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 #fae0e5 de la lámina, aclarado.
- 30 % SuperficieTarjetas, franjas, cabeceras. Aquí vive el color del libro. De la lámina, tal cual (#fae0e5).
- 10 % AcentoSolo lo que se pulsa. De la lámina, tal cual (#197768).
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 #292223 sobre el fondo #fff2f4 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 #197768 se separa 4,9:1 del fondo (un botón necesita 3:1) y como enlace llega a 4,9: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: #fff2f4 en el 60 % de la pantalla, #fae0e5 en el 30 % (tarjetas, franjas, cabeceras) y #197768 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 #292223, 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 #46202a, donde el tamaño perdona.
- El botónEl acento #197768 se separa 4,9:1 del fondo: sirve de botón, con el texto en #faf5f6.
- La temperaturaHay cálidos y fríos: que domine uno y el otro señale. Aquí manda el fondo #fae0e5, y el acento #197768 es lo primero que el ojo va a buscar.
- CuántosCuatro colores piden disciplina: #fae0e5 y #46202a 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: #fff2f4;
--superficie: #fae0e5;
--texto: #292223;
--tinta: #292223;
--texto-suave: #6a6163;
--titular: #46202a;
--acento: #197768;
--acento-texto: #faf5f6;
--enlace: #197768;
--borde: #dbced1;
--apoyo-1: #dd8fa0;
/* la lámina, tal cual */
--lamina-1: #46202a;
--lamina-2: #dd8fa0;
--lamina-3: #fae0e5;
--lamina-4: #197768;
--acento-50: #ecf9f6;
--acento-100: #d9f0ea;
--acento-200: #badfd6;
--acento-300: #93c9bd;
--acento-400: #69b0a1;
--acento-500: #409787;
--acento-600: #197768;
--acento-700: #116255;
--acento-800: #05493e;
--acento-900: #013029;
--neutro-50: #f5f7f6;
--neutro-100: #e8eceb;
--neutro-200: #d2d8d7;
--neutro-300: #b8c0be;
--neutro-400: #9ba5a3;
--neutro-500: #7f8b88;
--neutro-600: #66726f;
--neutro-700: #4f5957;
--neutro-800: #3a4240;
--neutro-900: #252b2a;
--boton: #197768;
--boton-encima: #006557;
--boton-pulsado: #005347;
--boton-apagado: #a4b0ad;
--foco: #147768;
--exito: #457942;
--aviso: #9e8b48;
--error: #a45747;
--info: #3670ac;
}
@media (prefers-color-scheme: dark) {
:root {
--fondo: #172421;
--superficie: #21312e;
--borde: #374b46;
--texto: #e8f0ed;
--tinta: #e8f0ed;
--texto-suave: #a9b2b0;
--acento: #4ea494;
--acento-texto: #1d2523;
}
}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 activo del círculo: los colores que avanzan, calientan y empujan hacia fuera.
- Acento · 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
- Titular · rojo
El rojo es el punto más alto del lado activo. En mancha pequeña hace exactamente lo que se le pide a un acento: detener la vista una vez. § 793
Cómo se lee cada parejaZur Farbenlehre · 1810
Cómo se lee cada pareja en el círculo
- Mismo sector #46202a · #dd8fa0
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 #46202a · #fae0e5
Junto al blanco, un color del lado activo pierde fuerza. § 831
- Opuestas #46202a · #197768
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
- Con un neutro #dd8fa0 · #fae0e5
Junto al blanco, un color del lado activo pierde fuerza. § 831
- Opuestas #dd8fa0 · #197768
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
- Con un neutro #fae0e5 · #197768
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.
Índice · 31 combinacionesHaishoku Sōkan · 1933
Las combinaciones de Wada con el rosa.
Van las 24 con más colores de las 31 que llevan algún rosa. El resto, en el diccionario.
- Rosa chicle · Rojo ladrillo · Amarillo azufre · Canela claroCombinación 246
- Rosa chicle · Amarillo azufre · Oliva · Rosa orquídeaCombinación 254
- Salmón canela · Naranja vivo · Verde viridián · NegroCombinación 256
- Rosa antiguo · Salmón canela · Verde agua · Verde mar brillanteCombinación 260
- Rosa chicle · Rojo anaranjado · Verde salvia claro · Azul petróleoCombinación 264
- Rosa algodón de azúcar · Púrpura pensamiento · Marrón terracota · Gris verdoso claroCombinación 273
- Siena tostado · Salmón canela · Crudo · Azul marino oscuroCombinación 279
- Fucsia violáceo · Salmón canela · Verde oliva vivo · Azul pavo oscuroCombinación 299
- Rosa empolvado · Escarlata · Rojo teja · Verde mentaCombinación 308
- Rosa chicle · Amarillo crema · Ocre tostado · Verde negroCombinación 342
- Rosa empolvado · Azul petróleo · Azul violeta vivoCombinación 125
- Rosa chicle · Verde esmeralda claro · Malva violáceoCombinación 128
- Rosa chicle intenso · Ciruela oscuro · Rosa camafeoCombinación 165
- Rosa chicle · Amarillo limón pálido · Gris cálidoCombinación 169
- Rosa chicle · Lavanda grisáceo · Vino tinto apagadoCombinación 174
- Rosa algodón de azúcar · Rosa concha · Azul calaminaCombinación 176
- Amarillo limón pálido · Salmón canela · Verde bosqueCombinación 203
- Granate apagado · Salmón canela · Violeta puroCombinación 205
- Rosa chicle · Canela tostado · Amarillo doradoCombinación 206
- Salmón canela · Amarillo albaricoque · Turquesa pálidoCombinación 213
- Rosa algodón de azúcar · Verde agua claro · Azul petróleoCombinación 227
- Castaño rojizo · Azul cielo · Rosa camafeoCombinación 231
- Rosa empolvado · Violeta casi negroCombinación 18
- Rosa chicle · Azul pizarraCombinación 27
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 morado
- 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.