Nouplo

Selector de color de una imagen

Un clic para un código de color, un botón para la paleta de la imagen.

Arrastra tus archivos aquí

o haz clic para elegirlos desde tu dispositivoFormatos admitidos: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF

Un archivo por operaciónHasta 20 MB por archivo5 operaciones al díaQuita los límites con Pro✓ Funciona sin conexión

Tus archivos se quedan en tu dispositivo

Esta herramienta se ejecuta por completo en tu navegador. No se sube nada, no se guarda nada, e incluso puedes desconectarte de internet antes de empezar.

Ejemplo

Ejemplo: los códigos de color del logo de la asociación de vecinos

La asociación de vecinos encarga camisetas y un cartel para las fiestas del barrio, y la imprenta pide los colores del logo en HEX. Solo tienen logo.png: un bloque azul marino y una franja naranja sobre fondo blanco. Un clic en cada parte da su código; «Buscar colores principales» da además la parte de la imagen que ocupa cada color.

Ejemplo: los códigos de color del logo de la asociación de vecinos
  1. Clic en el bloque azul: #1B3A6B, rgb(27, 58, 107). Clic en la franja naranja: #F28C28, rgb(242, 140, 40). Un clic en el código lo copia.
  2. Deja «Colores principales» en 8, como viene, y pulsa «Buscar colores principales».
  3. Copia la lista, o descarga logo-colores.txt y logo-paleta.png, una tira con una franja por color.
Color HEX RGB Parte de la imagen
Blanco #FFFFFFrgb(255, 255, 255)64 %
Azul marino #1B3A6Brgb(27, 58, 107)27 %
Naranja #F28C28rgb(242, 140, 40)9 %

La lista trae tres colores aunque pediste ocho: un logo plano solo tiene tres, y los tonos mezclados de los bordes no cuentan como color propio. Una foto, con sus degradados, suele llenar todos los huecos.

Cómo funciona

  1. Suelta una imagen. Aparece debajo, lista para hacer clic.
  2. Haz clic en cualquier punto: ese color se añade a la lista con sus códigos HEX y RGB. Haz clic en un código para copiarlo.
  3. Para los colores principales de la imagen, elige cuántos y pulsa «Buscar colores principales».
  4. Copia la lista o descárgala con una imagen de paleta que muestra cada color y su proporción.

Preguntas frecuentes

¿Qué tan exacto es el color que clico?
Es el color del píxel bajo el puntero, leído de la propia imagen. En una foto, los píxeles vecinos varían un poco; haz clic varias veces para ver el rango.
¿Cómo se encuentran los colores principales?
Los píxeles se agrupan por k-medias en el número de colores elegido; cada color es la media de su grupo, con la parte de la imagen que ocupa. Las zonas transparentes no cuentan.
¿Por qué el código difiere de mi archivo de diseño?
La compresión JPG y los perfiles de color desplazan un poco los colores. Para un color de marca exacto, parte de una exportación PNG o revisa el archivo de diseño.
¿Por qué salen menos colores de los que he pedido?
Porque la imagen no tiene tantos. Los píxeles se agrupan en el número elegido y después se juntan los grupos pequeños que solo son la mezcla de dos colores en un borde, o que casi repiten otro. Un logo de tres colores da tres aunque pidas doce; un color pequeño pero propio, como un punto rojo, se conserva.
¿Qué se descarga?
Dos archivos con el nombre de tu imagen: un .txt con una línea por color (HEX, RGB y porcentaje, como «#1B3A6B rgb(27, 58, 107) 27%») y un PNG de 1200 × 360 con una franja por color y su código escrito encima.
¿Se sube mi imagen?
No. La imagen se dibuja en un lienzo de esta página y se lee desde ahí. El plan gratuito permite 5 búsquedas de colores principales al día; los clics no cuentan.

Para un uso concreto

Herramientas relacionadas