IQ
PayloadIQ
Utilidades de PayloadIQ

Selector de color

Elige un color de una imagen subida —haz clic en cualquier píxel— o muestrea cualquier punto de tu pantalla con el cuentagotas. Obtén HEX, RGB y HSL al instante.

Click the image to pick a color.

Click the image to pick a color.

Se ejecuta en tu navegador. Lo que introduces no se sube a PayloadIQ.

Este selector de color te deja tomar un color de una imagen o de cualquier punto de tu pantalla, y todo se ejecuta en tu navegador. Sube una captura, una foto o un mockup y haz clic en el píxel exacto que quieras, o usa el cuentagotas para muestrear fuera de la página. Cada color te llega en HEX, RGB y HSL con un botón de copiar. La imagen no se sube a ningún servidor.

Dos formas de capturar un color

Suelta una captura, una foto o un mockup y haz clic en el píxel que quieras: la herramienta dibuja la imagen en un canvas y lee con getImageData el color que hay bajo el cursor, en el sitio. O pulsa Elegir de la pantalla para muestrear cualquier píxel de tu monitor —incluso fuera del navegador— mediante el EyeDropper nativo. En ambos casos obtienes el valor en HEX, RGB y HSL, listo para pegar en tu CSS, en una herramienta de diseño o en el código.

Local, y con una paleta de regalo

La imagen se decodifica y se muestrea por completo en tu dispositivo —no se sube nada—, así que es seguro usarla con diseños aún sin publicar. Como extra, la herramienta extrae los colores dominantes de la imagen para que te lleves una paleta entera y no solo una muestra: haz clic en cualquier swatch para seleccionarlo. Es ideal para sacar los colores de marca de un screenshot o reconstruir un degradado a partir de una referencia.

Preguntas frecuentes

¿Se sube mi imagen para elegir un color?
No. La imagen se dibuja en un canvas dentro del navegador y el píxel bajo el cursor se lee en local con getImageData. La imagen nunca sale de tu dispositivo.
¿Cómo funciona 'elegir de la pantalla'?
Usa el EyeDropper integrado del navegador, que te deja muestrear cualquier píxel de toda la pantalla, no solo de esta página. Está disponible en Chrome y Edge; el botón aparece únicamente cuando tu navegador lo admite.
¿Qué son los colores dominantes?
Tras cargar una imagen, la herramienta la muestrea y te muestra los colores más frecuentes: práctico para extraer una paleta de una foto o una captura. Haz clic en cualquier muestra para seleccionarla.
¿Qué formatos obtengo?
Cada color elegido se muestra en HEX, RGB y HSL, cada uno con su botón de copiar, así que entra directo en tu CSS, en una herramienta de diseño o en el código.

Utilidades relacionadas

Comprobador de contraste de color
Abrir PayloadIQ Playground