Compatible con JPG, PNG, WebP y AVIF • También puedes pegar con Ctrl + V
Tonalidades adyacentes en el círculo cromático (±30°). Transmiten serenidad, coherencia visual y armonía natural.
Aprende cómo los algoritmos matemáticos identifican los colores predominantes de una imagen y cómo combinarlos según la teoría cromática clásica y moderna.
Cada píxel de una fotografía se representa como un vector tridimensional de coordenadas (R, G, B). El algoritmo K-Means++ inicializa centroides con dispersión probabilística máxima y los recalcula iterativamente como el promedio geométrico de los píxeles asignados, asegurando que las tonalidades extraídas no colapsen en tonos similares y reflejen la distribución cromática real.
Las armonías cromáticas se fundamentan en relaciones angulares sobre la rueda de color. Las combinaciones análogas (adyacentes a ±30°) evocan naturalidad y calma; las complementarias (opuestas a 180°) aportan contraste vibrante; y las tríadas (equidistantes a 120°) equilibran dinamismo y riqueza expresiva en diseño web y editorial.
La especificación W3C WCAG 2.1 establece que el texto debe guardar un ratio de contraste mínimo de 4.5:1 (nivel AA) o 7.0:1 (nivel AAA) respecto al fondo. Nuestra herramienta calcula automáticamente la luminancia relativa y te indica el color de tipografía óptimo (blanco o negro) para cada muestra de tu paleta.
Al ejecutarse completamente mediante HTML5 Canvas y la API de TypedArrays en JavaScript dentro de tu navegador, ninguna fotografía se transfiere por red. Es una arquitectura 100 % privada, ideal para proyectos confidenciales, prototipos corporativos y sesiones sin conexión a internet.
El algoritmo K-Means clásico elige centroides iniciales al azar, lo que con frecuencia provoca que varios puntos iniciales caigan en el mismo tono o sombra dominante. Por el contrario, K-Means++ elige el primer centroide y pondera la elección de los siguientes según el cuadrado de la distancia a los centroides ya existentes, garantizando máxima separación inicial y una convergencia mucho más rica y representativa.
Se calcula determinando el número exacto de píxeles que pertenecen a cada clúster tras converger las iteraciones, dividido entre la suma total de píxeles muestreados. Esto indica la superficie relativa que ocupa cada gama cromática en la composición fotográfica.
Sí. La exportación genera un bloque estándar :root { --color-1-...: #...; } listo para copiar y pegar en tu archivo CSS o vincular a tokens de diseño en Figma, Sketch o Tailwind.
Las tarjetas en formato vertical 4:5 se generan a 1080 × 1350 píxeles, la resolución recomendada oficial para publicaciones de alta definición en feed de Instagram y Pinterest, manteniendo nitidez impecable en pantallas Retina.