Colores tradicionales chinos

Funciones

• 161 colores tradicionales chinos en nueve familias: rojo, amarillo, verde, azul, pálido y apagado, desvaído, gris y blanco, negro, y oro y plata
• Hex, RGB y HSL para cada color, listos para pegar en una hoja de estilos
• La muestra se dibuja en la propia fila del resultado: no hay que convertir el código en color mentalmente
• Búsqueda por nombre para obtener todos los valores de un color
• Búsqueda inversa: pega un valor como #9d2933 y te dice qué color es
• Búsqueda por alias: varios nombres distintos apuntan al mismo color
• Coincidencia parcial: un solo carácter lista todos los nombres que lo contienen
• Cada color indica si sobre él se lee mejor en negro o en blanco, con la relación de contraste WCAG y si alcanza el nivel AA
• Los 161 nombres en un desplegable con búsqueda, recorrible familia a familia cuando el nombre no aparece
• Vacío muestra la paleta entera como carta de referencia
• Tolerancia al pegado: las comillas y la puntuación de ancho completo alrededor de un nombre no rompen la búsqueda
• Los valores se copian fila a fila, para llevarlos a un archivo de diseño o al código

Cómo se usa

1. Escribe un nombre de color, o abre el desplegable y recorre por familia si el nombre no aparece
2. O pega un valor como #9d2933 para averiguar de qué color se trata
3. El resultado da la muestra, el hex, el RGB, el HSL, la familia, los alias y qué color de texto se lee mejor
4. Deja el cuadro vacío para listar los 161 colores, agrupados por familia

Preguntas frecuentes

¿Por qué distintos sitios dan valores distintos para el mismo nombre?

Porque estos nombres nunca fueron códigos. Son descripciones: uno describe el color del cielo justo después de la lluvia, y cada cual se imagina un cielo algo distinto. La correspondencia de nombre a valor es una convención editorial moderna, y las distintas cartas de color discrepan varios pasos, sobre todo en las familias más pálidas y grisáceas. Así que tómalos como una aproximación digital de uso extendido: suficiente para reconocer un color, ponerle nombre o buscar inspiración, pero no un estándar con el que ajustar para imprenta o producción. Para cualquier cosa que se fabrique, usa una carta de color física.

¿De dónde salen estos datos?

Los nombres, los valores y las agrupaciones por familia vienen del proyecto de código abierto zerosoul/chinese-colors (licencia MIT) y su `colors.json`. Solo tomamos tres datos fácticos — nombre, valor y familia — más los alias que el conjunto de datos declara explícitamente. No tomamos sus descripciones: allí se mezclan opiniones personales del autor sobre mezclas de tinta para imprenta, que ni son algo que mostrar a los usuarios ni algo que queramos respaldar. Los alias se limitan a segundos nombres reales del mismo color; se excluyen nombres de plantas y de pigmentos, para que buscar una hierba no acabe llevándote a un color.

¿Cómo se calcula lo de «texto en negro o en blanco»?

Calculando la relación de contraste WCAG 2.1 del color frente al negro puro y al blanco puro, tomando la mayor e indicando si alcanza el umbral AA de 4,5:1. ⚠️ Se usa la luminancia relativa de WCAG (linealización sRGB y luego suma ponderada), no el atajo de «brillo percibido» `r*0.299+g*0.587+b*0.114`, que es bastante optimista en colores oscuros y de tono medio — y este número es el que usas para elegir el color del texto. Los tonos medios son justo donde las dos opciones quedan cerca y donde estimar a ojo falla.

¿Puedo buscar por un nombre de color en inglés o en español?

Aquí no. Estos son los nombres chinos de 161 colores tradicionales, y no tienen traducción asentada: traducir uno como «azul cielo» colapsaría la distinción entre varios de ellos, que es justo lo que buscas. Así que en la página en español los nombres se mantienen en chino y solo se traducen las etiquetas y las explicaciones. Para buscar por nombre en inglés, usa la herramienta de conversión de color.

¿Por qué un solo carácter devuelve tantos colores?

Porque los nombres se construyen en torno a caracteres compartidos: varios rojos distintos llevan cada uno el carácter de rojo y pertenecen a familias diferentes, así que coinciden todos. La coincidencia parcial los lista todos, lo que es mejor que ir adivinando. Para fijar un color, escribe su nombre completo; para recorrer por familia, deja el cuadro vacío.