Paleta de Colores de una Imagen
Elige una imagen y la herramienta encuentra sus colores principales, ordenados por la superficie que ocupan, con códigos HEX que puedes copiar uno a uno o como variables CSS.
Elige una imagen para extraer sus colores dominantes.
Sobre esta herramienta
Construir una gama cromática a partir de una foto, del logotipo de una marca o de la captura de una web que te gusta es una de las formas más rápidas de arrancar un diseño. El extractor usa cuantización por corte mediano: divide repetidamente los colores de la imagen por su eje más amplio hasta quedarse con el número de grupos pedido y luego promedia cada grupo. El resultado es una paleta equilibrada y no solo los píxeles más frecuentes.
Puedes elegir entre 4 y 16 colores. El porcentaje indica lo dominante que es cada uno, lo que ayuda a decidir qué será fondo y qué será color de acento. Los píxeles transparentes se ignoran, así que los logotipos sobre fondo transparente funcionan bien.
Preguntas frecuentes
- ¿Por qué los colores no coinciden exactamente con lo que veo?
- Cada muestra es el promedio de un grupo de píxeles parecidos. Aumenta el número de colores para una división más fina, o usa el Conversor de Colores para ajustar un valor con precisión.
- ¿Puedo usar esto para el tema de una web?
- Sí. Copia el bloque CSS: declara las propiedades personalizadas --color-1 a --color-n que puedes pegar directamente en una hoja de estilos.
- ¿Se analiza la imagen a tamaño completo?
- Se analiza una copia reducida (200 px en el lado largo) por rapidez. Es más que suficiente para encontrar los colores dominantes.