Identificar el color de una imagen
Haz clic en cualquier punto de una imagen para ver su color exacto en HEX, RGB, HSL o CMYK y cópialo. También puedes sacar una paleta de colores de la foto. Todo ocurre en tu navegador: la imagen no se sube a ningún servidor.
Actualizado:
Arrastra archivos aquí o haz clic para elegir
Tus archivos se quedan en este dispositivo. No se sube nada. También puedes pegar una imagen.
Tus archivos se procesan en tu navegador y nunca salen de tu dispositivo.
- Varios archivos a la vez
- Funciona en cualquier dispositivo
- Sin registro
Cómo sacar el color de una imagen
- Añade tu imagenElige, suelta o pega un archivo JPG, PNG, WebP, AVIF, GIF o BMP. Se queda en tu dispositivo.
- Haz clic en el color que quieresHaz clic o toca la imagen. La lupa muestra los píxeles alrededor del puntero y puedes arrastrar para recorrer la imagen. Las flechas del teclado mueven el selector de píxel en píxel.
- Copia el códigoPulsa el botón Copiar junto a HEX, RGB o HSL. Tus últimos 10 colores se guardan debajo y puedes copiarlos todos a la vez.
¿Qué es un selector de color de imagen?
Un selector de color lee el color de un píxel concreto de una imagen y lo muestra como un código que puedes usar en un diseño, en CSS o en Canva. La respuesta rápida: abre la imagen, haz clic en el punto que te interesa y copia el código HEX, por ejemplo #F2BE22.
La herramienta lee los píxeles originales de tu archivo, no una vista previa reducida, así que un clic en una foto de 6000 píxeles de ancho lee el píxel real bajo el puntero. La lupa de 8 aumentos con cuadrícula te ayuda a acertar con el píxel exacto, algo clave en bordes.
Un mismo color se puede escribir de varias formas. HEX es el código de seis caracteres que se usa en diseño web. RGB indica la cantidad de rojo, verde y azul, de 0 a 255. HSL da tono, saturación y luminosidad, más fácil de ajustar a mano. CMYK se muestra como una estimación para impresión.
¿Qué precisión tienen los colores?
Los valores son exactos para el píxel que eliges, leídos en sRGB, el espacio de color de la web. Una foto con otro perfil de color, como Display P3, puede diferir en un punto o dos de lo que indica una aplicación de escritorio para el mismo píxel.
Las fotos JPG están comprimidas, así que los píxeles vecinos tienen pequeñas variaciones de color. Si buscas el color de una pared, una prenda o el cielo, haz clic en varios puntos de una zona uniforme y compara, o usa la paleta, que promedia muchos píxeles.
- Los píxeles transparentes se marcan como tales. La lectura añade el valor alfa y te da un código HEX de 6 y otro de 8 caracteres.
- Las fotos tomadas en vertical con el teléfono se muestran derechas, y el selector sigue la misma orientación.
- Las fotos grandes no son un problema: solo se lee el píxel bajo el puntero, no toda la imagen.
Crear una paleta de colores a partir de una imagen
Pulsa Extraer paleta para obtener los colores principales de la imagen, ordenados según cuánto ocupan, con el porcentaje de cada uno. Elige 5, 6, 8 o 10 colores: pocos dan muestras amplias y limpias; más colores recogen también los detalles.
Haz clic en una muestra para copiar su código HEX, o copia la paleta entera como variables CSS, JSON o lista HEX. Es práctico para sacar los colores de un logo y usarlos en una presentación, una tienda en línea o las historias de tu marca. La paleta se calcula sobre una copia reducida, así que es rápida, y se ignoran los píxeles casi transparentes.
Tomar un color de cualquier parte de la pantalla
En Chrome, Edge y otros navegadores compatibles con la función EyeDropper aparece el botón Elegir de la pantalla. Te deja hacer clic en un color de cualquier ventana, no solo de la imagen que cargaste. En los navegadores que no la tienen, el botón no aparece y el selector de la imagen funciona igual.
Preguntas frecuentes
¿Cómo saco el código HEX de un color de una imagen?
Añade la imagen, haz clic en el color y pulsa Copiar junto a HEX. El código es el símbolo # seguido de seis caracteres, como #3A7BD5. El mismo clic te da también los valores RGB, HSL y CMYK.
¿Se sube mi imagen a algún sitio?
No. La imagen se lee dentro de tu navegador. No se envía nada a un servidor y, al cerrar la página, desaparece.
¿Por qué el color sale distinto en Photoshop o Figma?
Normalmente es por el perfil de color. Esta herramienta da valores sRGB. Una aplicación de diseño que trabaja en Display P3 u otro perfil convierte el píxel de otra forma, y el valor puede variar un punto o dos.
¿Puedo identificar un color en un PNG transparente?
Sí. Las zonas transparentes se ven con un fondo de cuadros. Si haces clic en un píxel transparente, la herramienta te lo indica y te da el valor alfa junto con el código HEX con y sin alfa.
¿Puedo usar una foto HEIC del iPhone?
No directamente, porque los navegadores no leen HEIC de forma fiable. Convierte antes la foto con la herramienta HEIC a JPG y luego identifica los colores en el JPG.
¿Puedo tomar un color de la pantalla y no solo de un archivo?
En Chrome y Edge, sí, con el botón Elegir de la pantalla. Otros navegadores todavía no lo ofrecen; en ellos puedes hacer una captura de pantalla y abrirla aquí.