$ tools/image-color-picker

Selector de color de imagen

Sube cualquier imagen y elige colores exactos — hex, RGB, HSL y CMYK. O extrae automáticamente la paleta dominante. Click para copiar, corre en tu navegador.

Suelta una imagen aquí
PNG, JPG, WebP o GIF — o pega del portapapeles (⌘/Ctrl+V)
100% local · nada se sube
#000000
mueve sobre la imagen…

$ Paleta automática

colores
Carga una imagen y luego extrae sus colores dominantes.

# Color elegido

Haz clic donde sea en la imagen para elegir un color.
HEXcopy
RGBcopy
HSLcopy
CMYKcopy

$ Paleta guardada

Los colores elegidos se juntan aquí. Haz clic en un swatch para copiar su hex.

$ Cómo elegir colores de una imagen

  1. Suelta tu imagen en la caja de arriba, elige un archivo o pega una directo desde tu portapapeles. Todo pasa localmente en tu navegador — la imagen nunca se sube a ningún lado.
  2. Mueve el cursor sobre la imagen. La lupa muestra un zoom a nivel de píxel y el código hex en vivo para que aciertes el punto exacto.
  3. Haz clic para elegir. El color aparece a la derecha como Hex, RGB, HSL y CMYK. Haz clic en cualquier valor para copiarlo al instante.
  4. Sigue haciendo clic para armar una paleta. Los colores guardados se juntan abajo — cópialos todos a la vez o agarra un hex con un solo clic.

¿Por qué sacar colores directo de una imagen?

Cuando diseñas el listado de tu app en la store, un feature graphic o un ícono, tus capturas ya cargan una historia de color. Muestrear los píxeles reales — tu azul de marca, el acento de tu UI, el tono exacto del fondo — mantiene todo coherente en vez de ir a ojo. Casa los textos, fondos y marcos de tus capturas con colores que de verdad están en tu producto.

Hex, RGB, HSL o CMYK — ¿cuál uso?

Hex y RGB son para pantallas: UIs de apps, recursos de stores, webs. HSL es la más amigable para ajustar — sube la luminosidad o saturación sin adivinar. CMYK solo importa si algo va a impresión, como una tarjeta promo física. Esta herramienta te da los cuatro para cada píxel así nunca tienes que convertir a mano.

$ FAQ

¿Mi imagen se sube a un servidor?

No. El picker lee los píxeles directamente en tu navegador usando un canvas. Tu imagen nunca sale de tu dispositivo, lo cual también la hace rápida y privada.

¿Qué formatos de imagen funcionan?

Cualquiera que tu navegador pueda renderizar — PNG, JPG, WebP, GIF, BMP y la mayoría. También puedes pegar una imagen del portapapeles con ⌘/Ctrl+V.

¿Puedo elegir más de un color?

Sí. Cada clic agrega el color a tu paleta guardada abajo. Puedes copiar la lista entera de hex de una vez, súper útil para soltar una paleta en tu archivo de diseño.

¿Qué tan preciso es el color elegido?

Lee el píxel exacto bajo tu cursor, así que es píxel-perfecto. La lupa te ayuda a aterrizar en el punto preciso, sobre todo en imágenes con mucho detalle.

¿Funciona en móvil?

Sí. Toca la imagen para elegir un color en lugar de pasar el cursor. El valor elegido y la paleta se comportan igual.

Explora los colores en profundidad

¿Elegiste un color que te gusta? Indaga sus tintes, sombras, armonías, contraste y significado en nuestras páginas de colores.

¿Te gusta LaunchShots?
Gratis para siempre — si te ahorró tiempo, puedes invitarme un café.
Apoyar →
copiado ✓