Sube una imagen para analizar sus colores, hacer zoom en la imagen y seleccionar colores con precisión.
Selecciona una imagen desde tu dispositivo. La imagen se mostrará en el área principal escalada para facilitar la visualización y el análisis.
Esta es la imagen cargada. Mueve el cursor sobre ella para ver el zoom en la ventana derecha y haz clic para seleccionar un color específico.
Zona ampliada alrededor del cursor para facilitar la selección precisa del color.
Vistas con Filtros
Variaciones de la imagen cargada con diferentes filtros: escala de grises, contraste alto e inversión de colores.
Información del Color Seleccionado
Al hacer clic en la imagen, verás aquí los códigos del color seleccionado. Puedes copiar cualquiera de ellos haciendo clic en el texto correspondiente.
HEX:
RGB:
HSL:
Paleta Principal (Manual)
Esta sección muestra los colores predominantes detectados en la imagen, calculados manualmente contando píxeles similares. Cada color muestra su código hexadecimal para copiar.
Proporción de Colores
Gráfica que muestra la proporción en porcentaje de cada color predominante detectado en la imagen. Útil para entender la distribución visual del color.
Colores según Vibrant.js
Colores extraídos usando la librería Vibrant.js, que identifica tonos clave en la imagen como vibrante, oscuro, claro, entre otros.
Imagen Segmentada por Color
Esta imagen muestra la segmentación de la imagen original, donde cada píxel se reemplaza por el color predominante más cercano para resaltar las zonas principales de color.