Sugeridor de nombre de color

Por qué nombrar colores importa

Un design system con colores numéricos (gray-500, blue-700) es eficiente pero pobre en contexto. Un nombre descriptivo (warm coral, deep navy) comunica intención: el equipo de marketing entiende qué color es sin abrir el sistema, y los diseñadores pueden conversar sobre matices sin compartir pantalla.

Cómo funciona nuestro sugeridor

Convertimos el HEX a HSL y aplicamos una grilla de decisión:

1. Hue (matiz) determina la familia: 0-15° = rojo, 15-45° = naranja, 45-65° = amarillo, 65-150° = verde, 150-200° = teal/cyan, 200-250° = azul, 250-290° = violeta, 290-345° = magenta/pink, 345-360° = rojo.
2. Lightness agrega adjetivos: <25% = deep / dark, 25-45% = rich / true, 45-65% = medium / vibrant, 65-80% = soft / dusty, >80% = pale / pastel.
3. Saturation matiza: <20% = muted / gray, 20-50% = soft, 50-80% = warm / cool, >80% = vivid.

Combinando los tres, salen nombres como "deep navy", "soft coral", "muted teal" o "vivid amber".

Naming patterns en design systems

• Descriptivo (warm coral): comunicativo, ideal para paletas chicas y guías de marca.
• Numérico (gray-500): escalable, técnico, ideal para sistemas grandes con escalas (50-950).
• Semántico (primary, danger, surface): el más mantenible. Cambiar el HEX no rompe el nombre. Conviene combinarlo con numérico (primary-500).

Cuándo usar cada uno

Para una marca chica, descriptivo. Para un design system técnico, numérico + semántico. Para una paleta de marca documentada, descriptivo en el brand book y numérico en el código. La trampa es mezclar los tres en el mismo lugar: --brand-coral-500-primary es ilegible.

Por qué usamos nombres descriptivos y no inventados

Algunos generadores online devuelven nombres ornamentales o de fantasía que suenan poéticos pero son ambiguos: nadie recuerda qué tono era cuál. Los nombres descriptivos basados en objetos reales (coral, navy, sage, terracotta, oxford, sand) son universalmente comprensibles, fáciles de comunicar a un cliente o equipo de diseño, y escalan a cualquier paleta.

Nombres propios bien usados

Algunas marcas usan nombres propios con éxito (Tiffany Blue, Klein Blue, Cadbury Purple) pero son excepciones: están registrados, ligados a una marca específica, y comunican exclusividad. Para el 99% de proyectos, mejor empezar con descriptivo y escalar a semántico cuando hace falta.