Saltar al contenido
SPCXTools

Selector de color de imagen

Haz clic en cualquier parte de una imagen para obtener su color exacto en HEX, RGB y HSL, además de su paleta de colores principales.

Funciona en local: los archivos no salen de tu dispositivo

Cargando herramienta…

Cómo usar Selector de color de imagen

  1. 1Elige una imagen, suéltala en la página o pega una captura de pantalla con Ctrl+V (⌘+V en Mac).
  2. 2Mueve el puntero sobre la imagen. La lupa de zoom muestra el píxel exacto bajo el cursor.
  3. 3Haz clic para elegir un color. Sus códigos HEX, RGB y HSL aparecen a la derecha — haz clic en Copiar para usar uno.
  4. 4Usa la paleta de Colores principales para obtener los colores dominantes de la imagen, y Colores elegidos para volver a selecciones anteriores.

Extrae colores exactos de cualquier imagen

Has encontrado un color que te gusta en una foto, una captura de pantalla, un logo o un diseño, y ahora necesitas su código. Este selector de color de imagen funciona como un cuentagotas para cualquier foto: abre la imagen, haz clic en un píxel y obtén el color en HEX, RGB y HSL, listo para pegar en CSS, Figma, Photoshop, Canva o PowerPoint. Una lupa muestra los píxeles bajo el cursor para que aciertes en el punto exacto, y se genera automáticamente una paleta con los colores principales de la imagen.

Características

  • Cuentagotas para cualquier formato de imagen que tu navegador pueda abrir — JPG, PNG, WebP, GIF, SVG, AVIF y HEIC.
  • Lupa que amplía el área bajo el cursor píxel por píxel.
  • Códigos HEX, RGB y HSL con botones para copiar en un clic.
  • Paleta de colores principales extraída de toda la imagen.
  • Historial de selección de hasta 16 colores para que puedas comparar y volver atrás.
  • Pega capturas de pantalla directamente desde el portapapeles.
  • Privado: la imagen nunca sale de tu dispositivo.

¿Qué formato de color debo usar?

Formato Ejemplo Dónde se usa
HEX #1E90FF CSS, HTML, Figma, Canva, la mayoría de herramientas de diseño
RGB rgb(30, 144, 255) CSS, Photoshop, aplicaciones de Office, programación
HSL hsl(210, 100%, 56%) CSS cuando quieres ajustar la luminosidad o saturación

Para convertir el color seleccionado a otros formatos como CMYK o HSV, o para comprobar su contraste con texto blanco y negro, ábrelo en el Conversor de color.

Ideas de uso

Igualar colores de marca: extrae el azul exacto del logo de una empresa o de una captura de pantalla web para mantener la coherencia en una presentación.

Crear una paleta: usa los colores principales de una foto como punto de partida para una web, un póster o el tema de una presentación.

Desarrollo web: extrae los colores de una maqueta que recibiste como imagen en lugar de como archivo de diseño.

Arte digital y manualidades: encuentra los códigos de color en una foto de referencia para apps de pintura, bordados o patrones de tejido.

Obtener resultados precisos

Elige la versión más grande y menos comprimida de la imagen que tengas: las capturas de pantalla en PNG mantienen los colores exactos, mientras que las fotos en JPG pueden alterarlos ligeramente en los bordes. Haz zoom con la lupa y evita los bordes suavizados, donde los píxeles mezclan dos colores. Si solo necesitas una parte de una imagen grande, usa primero Recortar imagen para facilitar el trabajo.

Preguntas frecuentes

¿Cómo encuentro el código HEX de un color en una imagen?
Abre la imagen en esta herramienta y haz clic en el punto que te interesa. El código HEX (como
¿Puedo extraer un color de una captura de pantalla?
Sí. Toma una captura de pantalla como siempre y presiona Ctrl+V (o ⌘+V en Mac) en esta página para pegarla directamente, sin necesidad de guardarla como archivo primero.
¿Cómo se calculan los colores principales?
La herramienta analiza una copia reducida de la imagen, agrupa los colores similares y muestra los más comunes, omitiendo los colores casi idénticos para que la paleta ofrezca tonos distintos.
¿Por qué el color extraído es ligeramente diferente al del diseño original?
Las imágenes guardadas en JPG se comprimen, lo que altera ligeramente los colores, sobre todo cerca de los bordes. Las capturas de pantalla también pueden verse afectadas por los perfiles de color de la pantalla. Para obtener los colores exactos de una marca, extráelos de un PNG o consulta el archivo de diseño original.
¿Se sube mi imagen?
No. La imagen se abre y procesa por completo en tu navegador. No se envía nada a ningún servidor, por lo que es seguro usarla con capturas de pantalla privadas y diseños no publicados.
¿Funciona en teléfonos móviles?
Sí. Toca la imagen para seleccionar un color. La lupa sigue tu dedo mientras tocas la imagen.