Vestly · Herramienta gratuita
Encuentra los colores que combinan con la prenda que ya tienes.
Parte de un suéter caqui, una falda burdeos o cualquier tono y mira tres combinaciones calculadas con una fórmula real del círculo cromático. La herramienta también muestra el contraste entre la prenda de arriba y la de abajo, para saber si el look será suave o muy marcado. Gratis y sin cuenta.
- Gratis, sin cuenta
- Se calcula en tu dispositivo
- No se envía nada de lo que escribes
La paleta de tu look
Elige el color de partida y luego el tipo de combinación. El resultado se actualiza con cada cambio.
Complementario (tono opuesto)
#6F7352
rgb(111, 115, 82)
67° · 17 % · 39 %
#585471
rgb(88, 84, 113)
248° · 15 % · 39 %
Tono base 67°, color cálida. Parte de arriba #6F7352 con parte de abajo #585471: relación de contraste 1.4 : 1, tonos muy cercanos: un degradé discreto.
Arriba, abajo, zapatos y cinturón: vista de los roles propuestos.
Cómo usarla
- Haz clic en un color de ropa, o escribe el código exacto (por ejemplo
#6f7352) o usa el selector de color. - Elige la combinación: complementaria, análoga, tríada, complementaria suavizada, monocromática o base + neutros.
- Ajusta «Suavizar los colores asociados»: cuanto más subes el control, menos saturados quedan los tonos asociados, como en una tela real.
- Lee los tres colores, la silueta y el contraste arriba/abajo; luego copia los códigos o descarga la tarjeta SVG.
Un ejemplo con números
Caso de partida: suéter caqui #6f7352, combinación complementaria, suavizado de 15 %.
Resultado: color 1 #6f7352 (tono 67°, saturación 17 %, luminosidad 39 %), color 2 #585471. La relación de contraste entre estas dos prendas es de 1.45 : 1: los tonos son cercanos, un degradé discreto. Para un efecto más claro, usa el color asociado en un accesorio en lugar de una superficie grande, o aclara una de las dos prendas.
Referencia de control: negro sobre blanco da 21 : 1, y el rojo puro #ff0000 tiene como complementario el cian #00ffff.
Método, supuestos y límites
Método. El color se convierte a tono, saturación y luminosidad (HSL). El complementario suma 180° al tono, el análogo ±30°, la tríada ±120° y el complementario suavizado +150° y +210°. El monocromático conserva el tono y mueve la luminosidad ±22 puntos. «Base + neutros» agrega un blanco roto y un café oscuro para una base cálida, un blanco frío y un azul marino noche para una base fría.
Contraste. La relación usa la fórmula de luminancia relativa de WCAG 2.1: (L1 + 0.05) / (L2 + 0.05). Mide la diferencia de claridad entre dos superficies, no su belleza.
Límites. Los códigos de pantalla no reproducen fielmente una tela: el material, el brillo, la luz y el tono de piel cambian la percepción. Estas combinaciones son puntos de partida del círculo cromático, no reglas: una combinación «matemática» puede verse apagada en ti, y al revés. No se ofrece análisis de estación ni de colorimetría personal.
Preguntas frecuentes
¿Cuál es la diferencia entre complementario y análogo?
El complementario toma el tono opuesto del círculo (180°) y crea contraste de color. El análogo toma los tonos vecinos (±30°) y da un conjunto más fundido.
¿Por qué suavizar los colores asociados?
Un tono calculado a máxima saturación rara vez se parece a una tela. Bajar la saturación da colores más cercanos a los de la ropa real.
¿Qué significa el contraste arriba/abajo?
Es la relación de luminosidad entre el color de arriba y el de abajo. Entre 1 y 1.5 los tonos son muy cercanos; desde 3 la separación es clara.
¿Mis datos se envían a algún lado?
No. Los colores se procesan en la página. No se envía nada, no hace falta cuenta y los archivos exportados se quedan en tu dispositivo.