Saltar al contenido principal

Herramientas útiles

Extraer colores de una imagen

Saca de 5 a 10 colores principales de una foto con su porcentaje, códigos HEX, RGB y HSL y el nombre del color más cercano.

Arrastra una foto aquí

JPG, PNG, HEIC, WebP · o pégala con Ctrl+V

Tus fotos no salen de tu dispositivo: todo ocurre en tu navegador.

Extrae colores de una imagen en segundos: arrastra una foto y la herramienta saca sus 5, 6, 8 o 10 colores principales, indica qué porcentaje de la imagen ocupa cada uno y muestra sus códigos HEX, RGB y HSL. Todo se procesa en tu navegador, así que la foto nunca se envía a un servidor. Admite JPG, PNG, HEIC y WebP, y puedes elegir el archivo, arrastrarlo o pegarlo con Ctrl+V.

¿Quieres sacar el color de una imagen en un punto concreto? Toca o haz clic en ese lugar de la foto. Como un cuentagotas, la herramienta toma el color promediando una zona de 3×3 píxeles, para que un píxel suelto no altere el resultado. Verás sus códigos HEX, RGB y HSL, que se copian con un clic, y también puedes copiar todos los HEX de la paleta a la vez: ideal para el color de un logo o una captura.

Casi todas las herramientas se quedan en el código hex. Aquí cada color se compara además con los 52 colores con nombre del Diccionario de códigos de color y se muestra el más cercano, para que sepas si ese azul tira a marino o a verde azulado, con enlace a la página de ese color. El porcentaje te dice qué color domina y cuál es solo un acento, útil para llevar la paleta de colores de una imagen a una web, una presentación o un moodboard.

¿Cómo se eligen los colores? La foto se reduce a 200 píxeles por su lado más largo, los píxeles parecidos se agrupan con una variante del método median cut y el promedio de cada grupo pasa a ser un color de la paleta. Al terminar, guárdala como PNG de 1200×630 con las franjas de color, los códigos HEX y los porcentajes.

Preguntas frecuentes

  • Q. ¿Cómo extraer los colores de una imagen?

    A. Arrastra o elige una foto en esta página, selecciona 5, 6, 8 o 10 colores y la paleta aparece al instante con el porcentaje y los códigos HEX, RGB y HSL de cada color. Haz clic en un código para copiarlo. Funciona con JPG, PNG, HEIC y WebP.

  • Q. ¿Mi foto se sube a un servidor?

    A. No. La imagen se lee y se analiza por completo en tu navegador, sin enviar nada a ningún servidor. Incluso una captura pegada con Ctrl+V se queda en tu dispositivo.

  • Q. ¿Cómo saber el código de color de un punto de una imagen?

    A. Toca o haz clic en ese punto de la foto. La herramienta promedia una zona de 3×3 píxeles y muestra los códigos HEX, RGB y HSL junto con el nombre de color más cercano, así el valor es estable aunque la imagen esté comprimida.

  • Q. ¿Qué significa el porcentaje junto a cada color?

    A. Es la parte de la imagen que ocupa ese grupo de colores. La foto se reduce a 200 px por su lado largo, los píxeles parecidos se agrupan con una variante del median cut y el tamaño de cada grupo se convierte en %. Cuanto más alto, más domina ese color. Los píxeles transparentes, como el fondo de un logo en PNG, no se cuentan, así que el % se calcula solo sobre la parte visible.

  • Q. ¿Puedo guardar la paleta como imagen?

    A. Sí, como PNG de 1200×630 con cada franja de color, su código HEX y su porcentaje. El tamaño sirve para tarjetas de redes sociales y diapositivas, y además puedes copiar todos los códigos HEX como texto.