Esta herramienta de referencia de color muestra la paleta de colores tradicionales japoneses del sistema NIPPON COLORS, con el nombre japonés de cada color, su romanización, una muestra a pantalla completa y los valores HEX, RGB y CMYK — todos copiables con un clic. Cada color incluye además una escala de gradiente compatible con Tailwind CSS.
Cómo copiar valores de color
Al pasar el cursor sobre cualquier tarjeta de color aparecen el código HEX (p. ej. #F2A0A1), los componentes RGB (p. ej. 242, 160, 161) y los valores CMYK de cuatro canales. Un clic en cualquier fila copia ese valor al portapapeles. Los indicadores circulares en la esquina superior derecha de cada tarjeta representan C, M, Y y K por separado — clicar uno solo copia el valor de ese canal.
Cómo usar la escala de gradiente
La franja inferior de cada tarjeta muestra una escala de claro a oscuro construida con la lógica de paletas de Tailwind CSS. Clicar cualquier paso copia su valor HEX, listo para usarlo directamente en una configuración de Tailwind o en variables CSS personalizadas.
Qué significan los nombres de los colores
Los nombres provienen de referencias culturales y naturales japonesas — plantas, flores, estaciones y artesanía tradicional. Algunos ejemplos:
- 桜色 (sakura-iro) — el rosa pálido de los cerezos en flor
- 浅葱色 (asagi-iro) — un azul verdoso históricamente asociado al uniforme del Shinsengumi
- 山吹色 (yamabuki-iro) — el amarillo intenso de la flor de kerria, vinculado al oro
Muchos colores parecen visualmente similares a primera vista; los nombres recogen diferencias de tono, saturación y connotación cultural que la muestra sola no transmite.
Donde funcionan bien estos colores
- Temas de UI de estilo japonés donde encajan paletas naturales y contenidas
- Proyectos de identidad de marca que necesitan un lenguaje de color culturalmente arraigado
- Ilustración e impresión con referencias a artesanía o textiles tradicionales japoneses
Tradicion en la nomenclatura
- Derivados del mismo sistema usado en kimono, lacado y arquitectura
- Codifica distinciones finas — el japonés tiene nombres distintos para matices que otras paletas agrupan
- Misma tradición que el vocabulario de color en la literatura cortesana del periodo Heian
Sacar el maximo partido a la paleta
La paleta se explora mejor por familia de color que desplazandose de forma lineal — las agrupaciones por tono (rojo, azul, verde, amarillo, purpura, marron) permiten localizar el tono exacto mucho mas rapido. Cuando varios candidatos parecen similares, comparar sus valores CMYK suele revelar cual se inclina hacia tonos calidos y cual hacia frios.