tomar colores

Selector de color de imagen

Haz clic en un píxel para su código HEX, o deja que la herramienta extraiga los colores principales.

tomar colores

☞ funciona por completo en tu navegador — no se sube nada

Suelta tu imagen aquí

o haz clic para elegir — PNG, JPG, WebP o GIF

dos formas de leer un color

El píxel exacto, o los colores de toda la imagen

Señalar un píxel y señalar una imagen son preguntas distintas. El cuentagotas responde a la primera: haz clic donde quieras y obtienes el valor de ese píxel, sin redondear ni promediar, en HEX para CSS, RGB para programas de diseño y HSL para cuando necesites mover un tono o una luminosidad. Si arrastras con el botón pulsado, la lectura sigue al puntero, más cómodo que acertar en una línea de dos píxeles.

La paleta responde a la segunda. Cada píxel se asigna a un puñado de colores representativos y cada muestra aparece con la parte de la imagen que cubre, así que el orden refleja de qué está hecha realmente la imagen y no qué brilla más. Esos promedios se parecen a lo que ves, pero no siempre existen píxel a píxel: por eso el cuentagotas sigue ahí cuando necesitas el valor literal.

tres pasos

Cómo sacar colores de una imagen

01

Suelta la imagen

PNG, JPG, WebP y GIF se leen directamente en tu navegador. La captura de una página de marca o una foto sin publicar se quedan en tu equipo.

02

Haz clic para un color

El valor aparece a la vez en HEX, RGB y HSL. Copiar lleva el código HEX al portapapeles; si el punto que buscas es pequeño, mantén pulsado y arrastra.

03

O toma la paleta entera

Elige cuántos colores quieres y la imagen se reduce a esa cantidad, ordenados por la superficie que ocupan. Haz clic en una muestra para copiarla, o copia toda la lista de una vez.

respuestas rápidas

Preguntas frecuentes sobre el selector de color

¿El color tomado es el valor exacto del píxel?

Sí. Para tomar colores la imagen se mantiene en su resolución original, así que obtienes el valor guardado en el archivo y no algo que una vista previa haya escalado y mezclado. Solo se reduce antes una imagen demasiado grande para los límites del lienzo del navegador.

¿Qué significa el porcentaje junto a una muestra?

Qué parte de la imagen representa ese color. Cada píxel se asigna a su muestra más cercana y se cuenta, así que la lista va ordenada por superficie real: un pequeño acento brillante no adelanta al fondo.

¿Por qué un color de la paleta difiere un poco de lo que veo?

Un color de la paleta es el promedio representativo de todo un grupo de píxeles parecidos, así que puede no existir tal cual en la imagen. Cuando necesites el valor literal de un punto, tómalo con el cuentagotas.

¿Qué pasa con un PNG transparente?

Los píxeles transparentes quedan fuera de la paleta. Sin eso, un logotipo sobre fondo transparente saldría casi todo blanco: el color del lienzo de detrás, que no está en tu imagen.

¿Qué formatos puedo usar?

PNG, JPG, WebP y GIF, hasta 25 MB. Un GIF animado se lee como su primer fotograma. Los archivos HEIC del iPhone no se admiten; conviértelos antes.

¿Puedo copiar toda la paleta de una vez?

Sí. «Copiar todos» pone cada código HEX en el portapapeles, uno por línea, listo para pegar en una hoja de estilos, un archivo de diseño o un mensaje.

¿Funciona solo con el teclado?

Tomar un píxel necesita puntero, pero las muestras de la paleta son botones: llega con el tabulador y pulsa Intro para copiar el código. Los colores principales de una imagen se consiguen sin ratón.

¿Se suben mis imágenes?

No. La imagen se descodifica y se mide dentro de tu navegador, y no se envía nada a ninguna parte. En esta herramienta no hay servidor que reciba una imagen.

¿Es gratis?

Sí, gratis, sin marca de agua y sin registro.