Color dominante de imagen

Cada píxel se asigna a uno de 4096 grupos, con 16 niveles para cada componente rojo, verde y azul. Gana el grupo con más píxeles, y su color es el promedio de los píxeles que contiene; así, un fondo blanco se muestra como blanco puro en lugar de un valor redondeado.

La paleta enumera los grupos más comunes después del dominante, hasta el número de colores que elija, de 1 a 12; el valor predeterminado es 5. Cada entrada muestra sus valores hex, RGB y HSL, así como la proporción de píxeles visibles que cubre.

El color promedio es la media de todos los píxeles visibles. En una foto de un cielo azul sobre un campo rojo, el color dominante será azul o rojo, pero el promedio será una mezcla apagada de ambos. El promedio funciona bien para marcadores de posición desenfocados, mientras que el color dominante es más adecuado para los acentos.

Se ignoran los píxeles que son transparentes en más de la mitad, así que el resultado de un logotipo sobre un fondo transparente muestra los colores del logotipo en lugar del negro. El resultado indica qué proporción de la imagen era transparente. Si la imagen no tiene píxeles visibles, se muestra un mensaje en lugar de un color.

Se admiten imágenes JPEG, PNG, GIF, WebP, TIFF y AVIF de hasta 5 MB. Los archivos animados GIF y WebP se analizan a partir del primer fotograma, y las imágenes CMYK se convierten a sRGB antes del recuento.

Las imágenes con más de 4000 píxeles por lado se reducen para ajustarse a 4000 píxeles antes del recuento; esto modifica las proporciones, como mucho, en cantidades mínimas. Las imágenes más pequeñas se cuentan píxel por píxel.

Los grupos abarcan 16 niveles, así que dos tonos a ambos lados del límite entre grupos se cuentan por separado. Por eso, los degradados y las fotos suelen mostrar tonos contiguos en la paleta. Aumente el tamaño de la paleta para ver más tonos.

Sí. Cada color se muestra como código hex, por ejemplo #3366cc, como valores rgb() y como valores hsl(), con el tono en grados y la saturación y la luminosidad en porcentaje, listos para pegar en CSS, herramientas de diseño o ajustes del tema.

Entre sus usos habituales están los marcadores de posición para fondos mientras se cargan las imágenes, los colores de acento para tarjetas y encabezados que combinan con una imagen de portada, la clasificación de fotos de productos por color y la comprobación de que las imágenes de marca mantengan la paleta. El resultado estructurado también facilita reutilizar los valores en scripts y temas.

Sí. El recuento es determinista, así que el mismo archivo siempre produce el mismo color dominante, la misma paleta y las mismas proporciones. Cuando dos grupos tienen exactamente el mismo recuento, el orden entre ellos sigue el orden en que aparecen sus colores por primera vez.