Selector de Color de Imagen

Pasa el cursor para previsualizar, haz clic para bloquear un color

Sube una imagen

¿Cuándo necesitas seleccionar un color de una imagen?

Los diseñadores igualan los colores de marca de un logotipo sin acceso a la guía de estilo original; los desarrolladores extraen colores dominantes de fotos para la generación de temas; los profesores extraen colores de obras de arte para lecciones. El cuentagotas lee el RGB exacto del píxel bajo el cursor y lo convierte a hex (`#RRGGBB`) y HSL.

El cuentagotas integrado de los navegadores (el `EyeDropper API` de Chrome) solo funciona en la pantalla — no en archivos subidos. Esta herramienta llena ese vacío cargando tu imagen en un lienzo y permitiéndote muestrear cualquier píxel.

Casos de uso comunes

  • Iguala un color de marca de una captura de pantalla del sitio web de un competidor.
  • Extrae una paleta de una fotografía para un proyecto de diseño gráfico.
  • Encuentra el color de fondo exacto de una captura de pantalla de UI para recrearlo.
  • Muestra tonos de piel de un retrato para referencia de gradación o maquillaje.

Preguntas frecuentes

¿Por qué el color es ligeramente diferente del original?

Las imágenes grandes se escalan para ajustarse (máx. 800px) antes de muestrear, por lo que en una imagen grande el valor seleccionado proviene de la vista previa re-muestreada, no del píxel original exacto. Las fuentes JPEG también cambian ligeramente los colores debido a la compresión.

¿Puedo seleccionar de un píxel transparente?

Sí — el selector muestra RGBA. Un píxel completamente transparente aún tiene un valor RGB subyacente (a menudo 0,0,0 o el fondo del lienzo).

¿Funciona el selector en GIFs animados?

Muestra el primer fotograma. Para otros fotogramas, captura la pantalla en el momento que deseas y carga la captura.

¿Cómo se relacionan hex y RGB?

Hex `#RRGGBB` es el mismo valor que RGB `(R, G, B)` escrito en base 16 en lugar de base 10. `#FF0000` y `rgb(255, 0, 0)` significan ambos rojo puro.

¿Se ha subido mi imagen?

No — la imagen se carga en un lienzo del navegador y permanece allí. Sin llamadas a la red.