Saltar al contenido
EVOA Toolbox

Paleta de colores desde una imagen

Extrae los colores dominantes de cualquier imagen, copia los códigos hex, elige píxeles exactos con el cuentagotas y exporta la paleta.

Se procesa en local, en tu navegador. Tu archivo no se sube.

Cargando herramienta…

Qué hace esta herramienta

Añade una foto, una captura de pantalla, un logotipo o una ilustración y obtén sus colores dominantes con el porcentaje de la imagen que cubre cada uno. La imagen se reduce a unos 100 píxeles en su lado más largo y se agrupa con un algoritmo k-means determinista, así que la misma imagen siempre da la misma paleta. Los píxeles transparentes se ignoran, de modo que los logotipos con fondo vacío se tratan correctamente.

Haz clic en una muestra para copiar su código hex. Haz clic en cualquier punto de la imagen para obtener el color exacto del píxel en ese lugar, o usa el cuentagotas nativo (disponible en navegadores basados en Chromium) para elegir cualquier color de tu pantalla. Los colores que elijas se añaden a la exportación junto con los extraídos.

Exporta como variables CSS, fragmentos de Tailwind v3/v4, JSON o una tira PNG con las muestras. La imagen se decodifica en local en tu dispositivo y nunca se sube.

Cómo usarla

  1. 1Añade una imagen (PNG, JPG, WebP, GIF, AVIF o SVG).
  2. 2Usa el control deslizante para elegir cuántos colores dominantes extraer.
  3. 3Haz clic en una muestra para copiar su código hex.
  4. 4Haz clic en la imagen, o usa el cuentagotas, para elegir colores concretos.
  5. 5Exporta el resultado en el formato que necesites.

Formatos compatibles

Entrada: PNG, JPG, WebP, GIF (primer fotograma), AVIF y SVG. Salida: CSS, Tailwind, JSON y PNG.

Privacidad

Esta herramienta se ejecuta en tu navegador. Los datos que proporcionas se procesan en tu dispositivo y no se envían a nuestros servidores.

Limitaciones

  • Los colores dominantes son promedios de píxeles parecidos, por lo que pueden no coincidir exactamente con ningún píxel concreto. Usa el cuentagotas para obtener valores exactos.
  • Los colores de acento muy pequeños pueden fusionarse con uno vecino más grande cuando pides pocos colores.
  • El cuentagotas nativo no está disponible en Firefox ni en Safari; hacer clic en la imagen funciona en todos.
  • No se aplica gestión del color: los valores son los que el navegador decodifica (sRGB).

Preguntas frecuentes

¿Cómo se eligen los colores?

Los píxeles se agrupan en cubos de colores parecidos y luego se refinan con agrupamiento k-means. El resultado es el color medio de cada grupo y el porcentaje de píxeles que representa.

¿Por qué la misma imagen siempre da los mismos colores?

El algoritmo usa una semilla fija, por lo que los resultados son repetibles. Si cambias el número de colores, cambia el agrupamiento.

¿Funciona con PNG transparentes?

Sí. Los píxeles totalmente o casi totalmente transparentes se ignoran para que no aparezcan como negro o blanco en la paleta.

¿Se sube mi imagen?

No. Se decodifica y se analiza en tu navegador.

Herramientas relacionadas