Menú de QodeCat
Todas las herramientas
HEIC a JPGRedimensionar imagenImagen a WebPComprimir imágenesRecortar y rotarGenerador de faviconEliminar EXIFMarca de aguaPaleta de colores de imagenConvertidor de formato de imagen

© 2026 QodeCat Studio

Cargando herramienta…

Saca los colores de cualquier imagen

Una buena foto, un logo o una captura de una web que te gusta suele ser el camino más rápido hacia una combinación de colores. Suelta una imagen y QodeCat muestra sus colores dominantes como muestras, ordenadas según cuánto de la imagen ocupa cada uno.

  • De 5 a 10 colores: Elige con el control deslizante cuántos colores dominantes quieres.
  • Todos los formatos: Cada muestra indica HEX, RGB y HSL; haz clic en un valor para copiarlo.
  • Porcentaje: Mira qué parte de la imagen ocupa cada color.
  • Listo para código: Copia la paleta completa como propiedades personalizadas de CSS o como JSON.

¿Por qué usar esta herramienta?

Colores dominantes reales, no píxeles al azar

La herramienta agrupa los píxeles parecidos con el algoritmo median cut y refina los grupos con k-means, así cada muestra es el promedio de toda una zona de la imagen y no de un solo píxel. Los píxeles transparentes se ignoran.

Privado y rápido

La imagen se analiza localmente en tu navegador sobre una copia reducida a 200 píxeles como máximo. No se sube nada y la paleta se actualiza al instante cuando cambias el número de colores.

Preguntas frecuentes

P. ¿Cómo se eligen los colores?

Los píxeles se dividen en grupos de colores parecidos (median cut) y cada grupo se refina con varias pasadas de k-means. Cada muestra es el color medio de un grupo, ordenada según su porcentaje en la imagen.

P. ¿Por qué a veces salen menos colores de los que pedí?

Si la imagen tiene menos colores distintos que el número elegido, por ejemplo un logo plano de tres colores, la herramienta devuelve solo los colores que existen de verdad en lugar de inventar casi duplicados.

P. ¿Cómo es la exportación CSS?

Un bloque :root con una propiedad personalizada por color, desde --color-1 (el más frecuente), con valores HEX. La exportación JSON incluye HEX, RGB, HSL y el porcentaje de cada color.