Generador de variantes cálidas y frías de un color

Introduzca un color hexadecimal cromático y obtendrá cinco valores coordinados: dos opciones más cálidas, la base normalizada y dos opciones más frías. Cada variante conserva la saturación y la luminosidad de origen mientras su matiz avanza hacia un objetivo naranja o azul definido; por eso, una misma solicitud siempre genera la misma paleta compacta y comprensible.

Cómo se crean las variantes cálidas y frías

El generador convierte primero el valor hexadecimal de RGB a HSL, un espacio donde puede ajustar el matiz sin alterar la saturación ni la luminosidad. Utiliza 30 grados como objetivo naranja cálido y 220 grados como objetivo azul frío. En cada dirección, la variante suave recorre el 35 por ciento de la distancia circular más corta hasta el objetivo, mientras que la intensa recorre el 70 por ciento. Elegir la ruta más corta es esencial cerca del límite de cero grados, pues el matiz forma un círculo y no una recta numérica. La saturación y la luminosidad originales permanecen intactas, de modo que los cinco resultados guardan relación entre sí en lugar de convertirse en una selección arbitraria de colores más vivos, apagados, oscuros o claros. La respuesta sigue este orden: cálido intenso, cálido suave, base, frío suave y frío intenso. Cada registro identifica su temperatura e intensidad e incluye el hexadecimal y el matiz calculado en grados. Como los objetivos, las proporciones, el redondeo y el orden son fijos, una entrada válida siempre produce exactamente la misma paleta.

Cómo elegir e interpretar el color base

Introduzca un color hexadecimal CSS de tres o seis dígitos, con almohadilla inicial o sin ella. La notación de tres dígitos se expande antes del cálculo y la respuesta incluye el valor normalizado de seis dígitos. Conviene partir de un color cromático, ya que la variación de temperatura necesita un matiz significativo. El gris neutro, el negro puro y el blanco puro tienen saturación HSL cero y, por tanto, carecen de un matiz que pueda orientarse honestamente hacia el naranja o el azul. El generador rechaza esas entradas en vez de inventar saturación y entregar colores que ya no responderían a una transformación exclusiva del matiz. Interprete las variantes suaves como alternativas discretas para estados cercanos de una interfaz, gráficos auxiliares o acentos secundarios. Las variantes intensas expresan un cambio de temperatura más visible sin abandonar la saturación y luminosidad originales. Esta paleta sirve para coordinar decisiones creativas, no para verificar contraste. Antes de aplicar un resultado a texto, controles, indicadores de estado u otros elementos sensibles a la accesibilidad, evalúe la combinación concreta de primer plano y fondo con una herramienta especializada.

Cómo incorporar paletas deterministas a su flujo

Una transformación fija resulta especialmente útil cuando hay que regenerar colores mediante código, documentarlos en un sistema de diseño o revisarlos entre varios equipos. Usted puede conservar un único color base aprobado y derivar las mismas alternativas cálidas y frías cada vez que cree un tema, un gráfico, una ilustración o una pieza de campaña. Así reduce las desviaciones propias de la selección manual y explica con claridad el origen de cada muestra: las variantes responden a un desplazamiento medido del matiz, no a una elección visual sin documentar. El resultado de cinco colores es deliberadamente compacto para poder compararlo de un vistazo. Un equipo de producto puede reservar las variantes suaves para estados de interacción y fondos, y las intensas para énfasis; un equipo de datos puede separar escenarios cálidos y fríos manteniendo igual intensidad visual; una persona dedicada a la ilustración puede usar el conjunto como punto de partida controlado antes de adaptarlo al contexto. La API cuesta $0.002 por solicitud y el navegador ejecuta localmente la misma lógica determinista. Ninguna vía usa búsquedas externas, valores aleatorios, marcas de tiempo, historial del usuario ni perfiles de color dependientes del entorno.