🔬

Extraer colores imagen

Haz clic en cualquier parte de una imagen para extraer el color exacto —obtén los valores HEX, RGB y HSL al instante. Pasa el cursor para previsualizar; haz clic para guardarlo en el historial.

Herramientas de imagen Se ejecuta localmente No se envían datos
selector de colorHEXRGBHSLdiseño
Vista previa de la imagen
🔬
Suelta la imagen aquí
o haz clic para explorar
JPG | PNG | WebP | GIF
#000000
Mueve el ratón para previsualizar el color · Haz clic para elegirlo y guardarlo en el historial
Color actual
HEX —
RGB —
HSL —
Historial de colores (hasta 12)
Aún no se han elegido colores

¿Qué es la herramienta extraer colores imagen?

La herramienta extraer colores imagen te permite pasar el cursor sobre cualquier parte de una imagen y ver al instante el color exacto de ese píxel. Haz clic para fijar el color y copiarlo como HEX, RGB o HSL. Un panel de historial de colores guarda hasta 12 colores elegidos para consultarlos fácilmente; es útil para diseñadores, desarrolladores y cualquiera que necesite igualar colores de fotos o capturas de pantalla.

Cómo usar la herramienta extraer colores imagen

  1. Sube cualquier imagen haciendo clic en la zona para soltar archivos o arrastrando un archivo hasta ella.
  2. Mueve el ratón sobre la imagen para ver una vista previa del color en tiempo real en la etiqueta flotante y el panel lateral.
  3. Haz clic en cualquier parte de la imagen para elegir ese color y guardarlo en el historial.
  4. Usa los botones Copiar para copiar valores HEX, RGB o HSL al portapapeles.
  5. Haz clic en cualquier muestra del panel de historial para restaurar ese color en la pantalla principal.

Herramientas relacionadas

🎨
selector de color
Elige un color y obtén valores HEX, RGB y HSL
 ☀️
Brillo y contraste imagen
Ajusta con precisión el brillo y el contraste de la foto con vista previa instantánea
 ⬛
imagen escala grises
Convierte fotos a escala de grises o blanco y negro en el navegador
Entiende la extracción de color ▾
Ejemplo
Entrada Sube una captura de pantalla de la marca y pasa el cursor sobre el color del logotipo
Salida #1A73E8 · rgb(26, 115, 232) · hsl(217, 80%, 51%) —listo para copiar
Casos de uso comunes
  • Identifica los colores exactos de marca a partir de un logotipo o una captura de pantalla
  • Iguala un color de fondo de una foto para un diseño de UI
  • Extrae un valor de color CSS de una maqueta de diseño
  • Crea una mini paleta haciendo clic en varios colores y usando el panel de historial
Por qué usar esta herramienta
  • Extracción de color con precisión de píxel usando Canvas getImageData —sin redondeo.
  • Tres formatos de salida (HEX, RGB, HSL) con copia en un clic para cada uno.
  • Se ejecuta totalmente en tu navegador —las imágenes nunca salen de tu dispositivo.
Preguntas frecuentes
¿Se sube mi imagen a un servidor?

No. Todo el procesamiento ocurre totalmente en tu navegador usando la API HTML5 Canvas. Tu imagen nunca sale de tu dispositivo.

¿Qué precisión tienen los valores de color extraídos?

Los valores son exactos a nivel de píxel: la herramienta lee los valores RGBA exactos del píxel bajo el cursor mediante la API getImageData de Canvas y luego los convierte matemáticamente a HEX, RGB y HSL.

¿En qué se diferencia de un extractor de paletas?

Un extractor de paletas muestrea automáticamente los colores dominantes de una imagen. Esta herramienta te permite hacer clic manualmente en cualquier píxel específico para obtener su color exacto, lo que te da un control preciso sobre el color que extraes.

¿Qué formato usa el botón de copiar?

Cada formato se copia como una cadena lista para usar: HEX se copia como #RRGGBB, RGB como rgb(R, G, B) y HSL como hsl(H, S%, L%).