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.
- 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.
- Deja «Colores principales» en 8, como viene, y pulsa «Buscar colores principales».
- 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 | #FFFFFF | rgb(255, 255, 255) | 64 % |
| Azul marino | #1B3A6B | rgb(27, 58, 107) | 27 % |
| Naranja | #F28C28 | rgb(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
- Suelta una imagen. Aparece debajo, lista para hacer clic.
- 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.
- Para los colores principales de la imagen, elige cuántos y pulsa «Buscar colores principales».
- 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.