Extraer colores de una imagen
Sube una imagen y obtén su paleta de colores dominantes, con el código HEX y el peso de cada color.
Arrastra tu imagen aquí o haz clic para elegirla
Admite JPG, PNG y WebP
Cómo se calcula la paleta dominante
La imagen se dibuja en un lienzo y se leen sus píxeles. Para que el análisis sea rápido incluso con fotos enormes, se toma una muestra regular de píxeles en lugar de recorrerlos todos, y se ignoran los transparentes.
porcentaje = píxeles de la caja ÷ píxeles analizados × 100
Los píxeles se agrupan en un histograma tridimensional de 5 bits por canal y sobre esos grupos se aplica un algoritmo de corte por mediana (median cut): se parte repetidamente la caja de color con más píxeles por el canal de mayor rango, hasta obtener tantas cajas como colores pidas.
El color final de cada caja es la media real de los píxeles que contiene, y su porcentaje indica cuánta imagen representa. Al ordenarlos por peso, los primeros son los colores que definen visualmente la foto.
Ejemplo práctico
En una foto de playa al atardecer, la paleta de 6 colores suele devolver un naranja cálido con un 30 %, dos azules del mar y del cielo, un arena y dos tonos oscuros de las siluetas.
Preguntas frecuentes
- ¿Por qué los colores no son exactamente los de la foto?
- Cada color de la paleta es el promedio de un grupo de tonos parecidos. Si quieres el valor exacto de un punto concreto, usa el selector de color de imagen.
- ¿Para qué sirve una paleta dominante?
- Para diseñar alrededor de una imagen: elegir el fondo de una tarjeta, el color de un botón sobre una foto de portada o generar un tema coherente con la marca.
- ¿Cuántos colores conviene extraer?
- Entre 5 y 8 es lo habitual. Con menos pierdes matices y con muchos más empiezan a aparecer tonos casi idénticos entre sí.
- ¿Se tienen en cuenta las zonas transparentes?
- No. Los píxeles casi transparentes se descartan para que un PNG recortado no devuelva el color del fondo vacío.
Calculadoras relacionadas
- Comprimir JPGReduce el peso de una foto JPG ajustando la calidad de compresión.
- Comprimir PNGReduce el peso de un PNG bajando el número de colores de la paleta.
- Comprimir WebPReduce el peso de una imagen WebP ajustando la calidad de compresión.
- JPG a WebPConvierte fotos JPG a WebP para que tu web cargue más rápido.
- PNG a WebPConvierte imágenes PNG a WebP conservando la transparencia.
- WebP a JPGConvierte imágenes WebP a JPG para abrirlas en cualquier programa.
- Redimensionar imagenCambia el ancho y el alto en píxeles de una imagen sin deformarla.
- Cambiar resoluciónAjusta los DPI de una imagen y su tamaño real de impresión.
- Recortar imagenSelecciona un área con el ratón y recorta la imagen a ese rectángulo.
- Convertir imagenConvierte entre JPG, PNG y WebP eligiendo el formato de salida.
- Generador de faviconCrea todos los tamaños de favicon y el archivo .ico desde una imagen.
- Imagen a Base64Convierte una imagen en una cadena Base64 o en un data URI listo para pegar.
- Selector de color de imagenHaz clic en cualquier punto de una imagen y obtén su color en HEX, RGB y HSL.
- Generador de imagen OGCrea una imagen de Open Graph de 1200 × 630 px con tu título y colores.