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:
- 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.
- Lightness agrega adjetivos: <25% = deep / dark, 25-45% = rich / true, 45-65% = medium / vibrant, 65-80% = soft / dusty, >80% = pale / pastel.
- 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.