Selector de color y extractor de paletas de imagen
Extrae una paleta de los colores dominantes y el color promedio general de cualquier imagen en tu navegador, cada uno con su valor HEX copiable.
Selector de color y extractor de paletas de imagen — Arrastra cualquier imagen y obtén al instante su paleta de colores: los colores más dominantes junto con el color promedio general, cada uno con una muestra y un botón de copia HEX de un clic. Tú eliges cuántos colores dominantes extraer (de 2 a 12). La imagen se lee con el canvas de HTML por completo en tu navegador y nunca se sube a un servidor.
¿Qué es Selector de color y extractor de paletas de imagen?
El Selector de Color de Imagen es un extractor de paletas gratuito y en línea que obtiene los colores dominantes y el color promedio de cualquier imagen directamente en tu navegador. Diseñadores, desarrolladores front-end y cualquiera que construya una marca o un moodboard puede arrastrar una foto, un logotipo o una captura y obtener una paleta HEX en segundos. Lee los píxeles de la imagen con getImageData del canvas de HTML, los cuantiza en grupos de color y los ordena según la frecuencia con que aparece cada color, de modo que los más usados quedan arriba. Eliges el tamaño de la paleta (cuántos colores dominantes, de 2 a 12), y cada color se muestra como una muestra con un valor HEX copiable junto al color promedio general de la imagen.
Cómo usar Selector de color y extractor de paletas de imagen
- Arrastra y suelta una imagen en la zona de carga, o haz clic en ella para elegir un archivo (PNG, JPEG, WebP o cualquier otra imagen que tu navegador pueda abrir) desde tu dispositivo.
- Ajusta el campo Tamaño de paleta a cuántos colores dominantes quieres, desde 2 hasta 12.
- Consulta la fila Color promedio para ver el único promedio mezclado de toda la imagen, mostrado con su valor HEX.
- Consulta la lista Colores dominantes, ordenada del color más frecuente hacia abajo, cada uno con su muestra y su valor HEX.
- Haz clic en el botón de copiar junto a cualquier color para copiar ese valor HEX al portapapeles.
Ejemplos
Sacar una paleta de marca de un logotipo
Arrastra un PNG con un logotipo y ajusta Tamaño de paleta a 4 para obtener los cuatro colores más usados como muestras HEX, listas para pegar en tus tokens de diseño o variables CSS.
Encontrar un tono de fondo que combine con una foto
Carga una foto principal y lee la fila Color promedio para obtener un único valor HEX mezclado que armoniza con toda la imagen, útil como fondo de sección o color de reserva.
Construir un conjunto de muestras más amplio desde una ilustración
Arrastra una ilustración colorida y sube Tamaño de paleta a 12 para extraer un amplio conjunto de colores dominantes ordenados por cuánto de la imagen cubren.
Preguntas frecuentes
- ¿Qué formatos de imagen puedo usar?
- Cualquier imagen que tu navegador pueda abrir (la zona de carga acepta image/*), incluidos PNG, JPEG y WebP. La imagen se dibuja en un canvas de HTML y sus píxeles se leen localmente para extraer los colores.
- ¿Cómo se eligen los colores dominantes?
- La herramienta lee los píxeles de la imagen, agrupa los colores similares en grupos y ordena los grupos según cuántos píxeles caen en cada uno. Los grupos principales se convierten en tus colores dominantes, mostrados del más frecuente al menos, cada uno como el color promedio de su grupo.
- ¿Cuántos colores puedo extraer?
- Ajustas el Tamaño de paleta entre 2 y 12 colores dominantes. El color promedio general de toda la imagen siempre se muestra por separado, además de esa lista.
- ¿Por qué los colores pueden diferir un poco de la imagen original?
- Por rapidez, las imágenes grandes se reducen antes de leerlas y los colores similares se agrupan, así que cada muestra es el promedio de un grupo en lugar de un píxel exacto. El resultado es una paleta representativa fiel, no un muestreo de color píxel a píxel.
- ¿Se sube mi imagen a algún sitio?
- No. La imagen se procesa al 100 % en tu navegador con el canvas de HTML. Nunca se sube a deftdeck ni a ningún servidor, por lo que la herramienta funciona sin conexión y mantiene tu imagen privada.
Herramientas relacionadas
Visor de EXIF y eliminador de metadatos
Consulta los metadatos EXIF de una imagen —cámara, objetivo, fecha, ubicación GPS— y luego elimínalos y descarga una copia limpia, todo en tu navegador.
Generador de favicons
Convierte una imagen PNG o JPG en iconos cuadrados de 16, 32, 48, 180 y 512 px en tu navegador.
Conversor de HEIC a JPG
Convierte fotos HEIC del iPhone a JPG al instante, sin subirlas.
Compresor de imágenes
Comprime imágenes JPG, PNG y WebP para reducir el tamaño del archivo, directamente en tu navegador.