Bluenze · Muestrario de color

Capítulo 1 · Tu colorBluenze · Paletas

Capítulo 1

Paletas de colores con criterio.

1933 — 2026

Un color de partida y cinco láminas con su porqué: dos del diccionario de Sanzō Wada y tres por regla de armonía. Con los papeles puestos y el contraste medido antes de que te la lleves.

Tu color de partida

Azul · el más cercano del libro:

La regla de tonos · 158 muescas, una por color del libroEspacio → siguiente del libro

Arrastra o usa las flechas: el tono gira en LCH y la luz y el croma se quedan donde estaban, si caben en pantalla. Con Mayús, de 12 en 12.
El croma en LCH: cuánto color lleva, con la luz y el tono quietos. La pista llega hasta el máximo que cabe en pantalla a esa luz.
La luz en LCH: se mueve la luz y el tono se queda quieto.
Carta I · Tu ruedaazul
  1. Doce giros de tu color, cada 30°, a la misma luz y la misma saturación.
  2. Las cuñas largas son las que usan tus láminas: tu color, sus dos vecinas y la opuesta.
  3. Pulsa una cuña y el libro entero se rehace desde ese color.

Capítulo 2 · Cómo ver las láminas

Capítulo 2 · Del libroHaishoku Sōkan · 1933

Del libro

Las dos combinaciones de Wada que contienen los colores del libro más parecidos al tuyo, medidos en Lab. Llevan casi un siglo en uso: la armonía ya viene probada.

125

Rosa empolvado, Azul petróleo, Azul violeta vivo

#d7b7ad · #008ea5 · #674696

Clara · botón 4,9:1Cálidos y fríosSu página →

175

Canela rosado, Verde oliva claro, Azul violeta vivo

#f0ba83 · #cdcd9b · #674696

Clara · botón 4,8:1Cálidos y fríosSu página →
Capítulo 2 · Por reglaArmonías con nombre

Por regla

Tres láminas construidas desde tu color con una regla que se puede explicar: la opuesta, las vecinas o un solo tono con acento. Ninguna sale de un dado.

R·01

Complementaria

#1f3bee · #b59f00 · #f0f3fc · #2d2705

Tu color y el que tiene enfrente en la rueda, más un neutro claro y una versión oscura para fondo y texto.

Clara · botón 4,8:1Cálidos y fríos

R·02

Análoga

#0088cd · #1f3bee · #43009f · #f0f3fc

Tu color y sus dos vecinos en la rueda, más un neutro que los deja respirar.

Clara · botón 4,9:1Todo frío

R·03

Monocroma con acento

#17295f · #1f3bee · #dde8ff · #b59f00

Un solo tono en tres luces y un acento pequeño enfrente.

Clara · botón 3,1:1Cálidos y fríos

Tira: los colores a partes iguales, como en los muestrarios de kimono. Es la lectura más rápida para comparar.

Capítulo 3De la lámina a la pantalla

Capítulo 3

De la lámina a la pantalla: seis reglas que no son nuestras

Wada trabajaba con tinta. Tú, con luz.

Wada diseñó para tinta, tela y pigmento. Una pantalla emite luz, se lee durante minutos y tiene ley. Estas son las reglas con las que se construye color para interfaz y con las que adaptamos cada lámina; ninguna es nuestra, y por eso cada una lleva su dueño.

  1. Johannes Itten · Hype4 Academy (se abre en otra pestaña)

    Reparte 60 · 30 · 10

  2. Refactoring UI (se abre en otra pestaña)

    El fondo descansa

  3. Material 3 · roles de color (se abre en otra pestaña)

    El color del libro vive en la superficie

  4. GOV.UK Design System (se abre en otra pestaña)

    El párrafo no va en color

  5. WCAG 2.2 · 1.4.3 y 1.4.11 (se abre en otra pestaña)

    El acento se gana el botón

  6. Evil Martians · OKLCH en CSS (se abre en otra pestaña)

    Se mueve la luz, no el tono

Carta III · Las seis, dibujadasCon Combinación 125 de Wada
En el libro · a partes igualesEn pantalla · 60 · 30 · 10
Un color domina, otro acompaña y el tercero solo señala. En el libro van a partes iguales porque sirve para comparar; en pantalla igualarlos es ruido. Itten ya lo medía en 1961: los complementarios se equilibran en áreas inversas a su fuerza.
aquí el fondoaquí el texto
El fondo vive en un extremo de la escala de luz, muy claro o muy oscuro, y con poco color. Ni blanco puro ni negro puro: teñido del tono de la paleta, que es lo que separa una interfaz diseñada de una montada.
Superficie · 30 %
Tarjetas, franjas y cabeceras son el 30 %: ahí el color de Wada se ve a tamaño grande sin llevar párrafo encima. Material separa el color de su papel, «surface» y «on-surface», para que el matiz cambie sin tocar la interfaz.
Un párrafo entero en el color del libro cansa a la tercera línea.Acento sobre fondo · 4,9:1Con la tinta teñida se lee sin pensar en ello.Texto sobre fondo · 14,2:1
El texto largo va en un casi negro (o un casi blanco) teñido del tono de la paleta, a 7:1. Los colores del libro entran por los titulares, donde el tamaño perdona. GOV.UK escribe con #0b0c0c, no con #000.
Pídenos fechaAcento / fondo · 4,9:1Vale de botón
El más saturado va solo a lo que se pulsa, y se le exige lo que la ley pide a un componente: 3:1 contra el fondo (WCAG 1.4.11). Como palabra, 4,5:1 (1.4.3): un botón y un enlace no son lo mismo, y Radix les da dos pasos distintos de su escala.
Lab · el tono se queda quietoHSL · el tono se va 5°
Todos los ajustes son de luminosidad en un espacio perceptual (Lab, OKLCH): el matiz se queda quieto. En HSL oscurecer un azul lo vuelve violeta y aclararlo, lila.
Carta IV · Los 158Tono ∠ · saturación ⌀
Las flechas los recorren por tono; Intro se lleva el color al capítulo 1.
Los 158 colores del libroCada color va en su tono, que es el ángulo, y tan lejos del centro como color tiene (el croma, medido en Lab). El recuadro con doble filete es el tuyo. Pulsa cualquier otro para llevártelo al capítulo 1.
Capítulo 4De dónde salen

Nos hemos leído el libro

En 1933 un pintor y diseñador de vestuario japonés, Sanzō Wada, publicó un diccionario de combinaciones de colores: 348 paletas pensadas para tintoreros, tejedores y diseñadores, sacadas de años de trabajar el color de verdad, no de una rueda. Casi un siglo después sigue en la mesa de muchos estudios, incluida la nuestra. Lo hemos leído entero, hemos comprobado cada valor con el original y le hemos puesto nombre en castellano a sus 158 colores.

Por eso aquí no hay botón de «otra al azar». Un generador aleatorio te da cinco cuadrados bonitos y ninguna respuesta: cuál es el fondo, cuál el texto, qué color va en el botón, si se lee. Cada paleta de esta página viene de algún sitio, del diccionario de Wada o de una regla de armonía con nombre, y llega con los papeles puestos y el contraste comprobado. Si no se lee, te lo decimos antes de que te la lleves.

Y una cosa que Wada ya avisaba entonces: la lámina no es la aplicación. Sus muestras van a superficies iguales solo para poder compararlas. En una web el fondo manda, el texto se lee y el acento señala, y un color pierde fuerza cuanta más superficie ocupa. Por eso cada paleta trae su reparto y unos consejos, no cuatro cuadrados iguales.

Nota a esta edición

Los hex que circulan de este libro —en casi todas las webs, y en la nuestra hasta septiembre de 2026— salen de una fórmula directa que trata la tinta como si fuera luz y se olvida del papel. Por eso se ven más chillones que en el libro y a veces cambian de tono: el Rosa eosina salía como un fucsia neón. Hemos rehecho los 158 con el perfil de imprenta estándar (FOGRA39, offset sobre papel estucado), como lo haría Photoshop. Cotejados con fotos del libro impreso, quedan más cerca en 32 de 36 colores, y las etiquetas de Wada («pálido», «oscuro»…) pasan de fallar en 29 combinaciones a fallar en 4.

También hemos rehecho las tres reglas de armonía. Giraban el tono con la misma luz y la misma saturación, y así salían azul con amarillo puro o rojo con cian: parejas que vibran. Ahora el color de enfrente se aparta en luz y baja un poco de saturación, el neutro claro es papel teñido y el oscuro es una tinta de verdad.

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.

Lo que preguntáis

¿Cuántos colores tiene que tener una paleta?
Tres es la medida cómoda: un fondo, un texto y un acento. Con dos hay una pareja, no una marca. Con cuatro hace falta disciplina, porque el cuarto se gana el sitio o estorba. Y con cinco o más, lo normal es que dos de ellos acaben haciendo el mismo papel.
¿Qué es la regla del 60-30-10?
Que los colores no se reparten a partes iguales: uno ocupa la mayor parte de la superficie, otro acompaña y el tercero solo señala. Wada ya lo avisaba en 1933 con otras palabras: la lámina no es la aplicación, y un color pierde fuerza cuanta más superficie ocupa. Lo que en una tira de muestras parece intenso, a pantalla completa se suaviza.
¿Cómo sé si mi paleta se lee?
Midiendo el contraste entre el texto y el fondo. El mínimo legal en España es 4,5:1 para texto normal y 3:1 para texto grande. Aquí sale medido en cada paleta, y además en APCA, que es el criterio nuevo y el único que tiene en cuenta el tamaño y el grosor de la letra: el mismo par de colores no se lee igual a 12 px que a 32.
¿Quién era Sanzō Wada?
Un pintor y diseñador de vestuario japonés que en 1933 publicó un diccionario de combinaciones de color: 348 paletas sacadas de años de trabajar el color de verdad, no de una rueda cromática. Casi un siglo después sigue en la mesa de muchos estudios. Los valores que ves aquí están cotejados con el libro.
¿Por qué vuestros hex no coinciden con los de otras webs?
Porque casi todas pasan el CMYK del libro a pantalla con una fórmula directa que satura de más. Nosotros lo convertimos con el perfil de imprenta estándar (FOGRA39), que tiene en cuenta la tinta y el papel, y el resultado se parece más al libro impreso. En la página de cada combinación te dejamos también el hex que verás en otras webs, para que lo reconozcas.
¿Puedo usar estas paletas para mi marca?
Sí, y son gratis. Los colores de Wada son datos, no una obra que se pueda registrar, y los nombres en castellano, las explicaciones y los consejos son nuestros y puedes usarlos. Lo que ninguna herramienta te puede dar es el criterio de por qué tu negocio necesita ese color y no otro: eso es lo que hacemos en la mesa.
¿Y la versión oscura?
Sale con cada paleta, dentro del kit. No es invertir los colores: el fondo se tiñe del tono de tu marca en vez de ser negro puro, y el acento sube de luz hasta que se sigue leyendo. Un acento que funciona sobre blanco casi nunca funciona igual sobre negro.

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.

Diseño web a medida →¿Y tu web actual? Mira si te encuentran →