Saltar al contenido principal
ImageColorPix

Generador de paleta de imagen

Sube cualquier foto para extraer al instante su paleta de colores dominantes, con la parte de cada muestra sobre la foto. Copia como HEX, RGB, HSL o variables CSS, descarga como TXT, SVG o PNG.

¿Qué es un generador de paleta de imagen?

Colores reales de fotos reales

Un generador de paleta de imagen encuentra los colores que realmente dominan tu foto contando píxeles, sin adivinar. Una foto de playa se carga por defecto con su paleta ya extraída, así ves el flujo completo al instante.

Sube tu propia imagen con el icono de imagen, ajusta el tamaño de 1-10, elimina o reordena muestras, luego copia o descarga. Cada muestra muestra su cobertura % y su conteo de píxeles. ¿Buscas armonías basadas en teoría? Prueba el generador de paleta aleatoria.

Cómo usar

Pensado para fotos, de principio a fin

01

Mira la paleta por defecto

Una foto se carga automáticamente con su paleta dominante extraída sobre la vista previa.

02

Sube la tuya

Pulsa el icono de imagen, arrastra y suelta, pega o carga con URL. Todo queda en tu navegador.

03

Lee la cobertura y exporta

Cada muestra muestra su cobertura % y su conteo de píxeles. Recorta, reordena, copia en tu formato o descarga TXT, SVG o PNG.

Preguntas frecuentes

1¿Cómo saco los colores de una foto?
Pulsa el icono de imagen y sube (JPG, PNG, GIF, WebP), arrastra y suelta, pega desde el portapapeles o carga con URL. La paleta se extrae automáticamente sobre la vista previa. Pulsa cualquier muestra para copiar su HEX.
2¿Cuántos colores puedo extraer? ¿Cuál es el número ideal?
De 1 a 10 con los controles -/+ (empieza en 8 para fotos). Usa 2-3 para logotipos mínimos, 4-6 para webs y gráficos sociales, 8-10 para ilustración y tableros de inspiración. Menos colores dan un sistema más claro. Las fotos suelen tener muchos marrones o azules casi idénticos.
3¿Puedo editar, eliminar o reordenar la paleta?
Sí. Pasa el cursor sobre una muestra para copiar, pulsa × para eliminar, arrastra para reordenar (el orden pasa a la exportación CSS). Para diseño elige un oscuro para texto, un claro para fondos, uno o dos colores de marca y un acento.
4¿Qué entrego a un desarrollador desde una paleta de foto?
Pon Copiar como en el formato de tu proyecto: HEX para hojas de estilo, RGB para código de app, HSL para temas, variables CSS para tokens. La ventana de descarga exporta la misma paleta como CSS (guardado como palette.txt), JSON, tira SVG o PNG etiquetado.
5¿Mis fotos salen de mi dispositivo? ¿Cuánto cuesta?
Nunca. Tus fotos se leen píxel a píxel en esta pestaña y no se envían a ningún lado, así el trabajo de clientes queda confidencial. Y no cuesta nada: gratis para siempre, sin cuenta, tantas fotos como quieras.
6¿Qué significan el % y los conteos de píxeles?
Cada muestra muestra su parte de los píxeles analizados (hasta unos 12k píxeles, se omiten transparentes) más el conteo real detrás. Los tonos casi idénticos se fusionan en la muestra final, así su % los incluye. Úsalo para juzgar la dominancia real: una muestra de 40% es la foto, una de 2% es un acento.

Descubre más herramientas de color

Generador de paletas

Armonías aleatorias + modo imagen

Analizador de color de imagen

Dominancia, ambiente, armonía y roles

Selector de color de imagen

Elige cualquier píxel de una imagen

Conversor de color

HEX RGB HSL HSV CMYK LAB