Saltar al contenido
Bai
EspañolEnglishEuskara Empezar →

Herramientas

Color dominante de una imagen

Descubre el color que predomina en una foto y la paleta que la acompaña.

Privado por diseño

Suelta una imagen aquí

o haz clic para elegir un archivo, o pégala

Sobre esta herramienta

Esta herramienta te dice qué color predomina en una imagen y te da su código listo para copiar. Es práctica cuando quieres un fondo que combine con una foto de producto, cuando necesitas el color principal de un logotipo o una portada, cuando clasificas imágenes por tono o cuando buscas el color que mejor resume una fotografía para usarlo en un botón, un banner o una tarjeta.

Arrastra la imagen, haz clic para elegirla o pégala. Arriba verás una muestra grande con el color dominante, el porcentaje aproximado de la imagen que ocupa y sus valores en HEX, RGB y HSL, cada uno con su botón de copiar. Debajo tienes la paleta completa de la imagen: puedes cambiar a colores vivos, claros o cálidos, elegir cuántos quieres ver y exportarlos como variables CSS.

Nada se sube a internet: la imagen se procesa en tu navegador. El color dominante no es el de un píxel concreto, sino la media del grupo de colores parecidos que más superficie cubre, calculada sobre una copia reducida de la imagen. Por eso, en fotos con muchos matices, puede variar ligeramente si vuelves a extraerlo. Si lo que necesitas es el color exacto de un punto, usa el selector de color de imagen.

Preguntas frecuentes

¿Qué es el color dominante de una imagen?

Es el color que ocupa más superficie en la imagen. Aquí se calcula agrupando los píxeles de tonos parecidos y quedándose con el grupo más grande.

¿Por qué el color dominante de mi foto es un gris o un blanco?

Porque en muchas fotos el fondo ocupa más espacio que el motivo principal. Si buscas el color más llamativo en lugar del más abundante, mira la paleta de abajo con la opción «Vivos» o «Acentos».

¿Cómo copio el código HEX del color dominante?

Pulsa el botón de copiar junto al valor HEX del bloque superior. También puedes copiar el valor en RGB o en HSL.

¿Funciona con PNG transparentes?

Sí. Los píxeles transparentes o casi transparentes no se tienen en cuenta, así que el resultado refleja solo la parte visible de la imagen.

Herramientas relacionadas