Color y píxel

Cuentagotas

Selecciona colores desde cualquier punto.

Suelta una imagen para tomar colores

Compatible con JPG, PNG, WebP, HEIC, TIFF y más · Máx. 40 MB MB

Qué es Cuentagotas?

Pick colors from any point of an image. Muestrea colores HEX/RGB/HSL exactos desde cualquier píxel. Extraer colores de marca de un logo o foto de referencia. Código de color copiable y paleta dominante opcional.

Todo el procesamiento ocurre localmente en tu navegador. Tus imágenes nunca se suben a ningún servidor.

Características principales

  • Lupa con precisión de píxel
  • Salida HEX/RGB/HSL/HSV/CMYK
  • Extracción por agrupamiento k-means

Casos de uso comunes

  • Extraer valores exactos de un logotipo de marca
  • Crear paletas desde imágenes de referencia
  • Muestrear valores hex/RGB/HSL de capturas para CSS
Guía de uso

Cómo usar esta herramienta

El Selector de Color de Imagen muestrea el color exacto de cualquier píxel de una imagen y lo informa en formatos HEX, RGB y HSL. Los diseñadores lo usan para extraer paletas de marca de mood boards; los desarrolladores lo usan para hacer coincidir valores CSS con diseños de referencia; los creadores de contenido lo usan para mantener los gráficos sociales fieles a la marca.

Cómo usarlo

Suelta una imagen en la zona de carga. La imagen se renderiza dentro de un lienzo interactivo — pasa el cursor para ver las coordenadas, haz clic en cualquier lugar para muestrear. El color elegido aparece como una muestra junto a sus códigos HEX, RGB y HSL. Haz clic en cualquier valor para copiarlo a tu portapapeles.

Cada color que muestreas se almacena en la tira de Historial de abajo (hasta 12 elecciones recientes), para que puedas construir una paleta a partir de varios puntos de muestreo en la imagen sin perder elecciones anteriores.

  • Muestreo de color con precisión de píxel al hacer clic
  • Lectura simultánea de HEX, RGB y HSL
  • Copia con un clic para cada valor
  • Historial de paleta de los últimos 12 colores muestreados

Usos prácticos

Al traducir una maqueta de Figma o dibujada a mano a CSS, muestrea los tonos dominantes directamente de la maqueta en lugar de estimarlos a ojo. Esto elimina esa sensación de «casi pero no del todo» que se cuela en los valores de color escritos a mano.

Para fotógrafos que construyen feeds sociales con gradación de color, muestrea cinco tonos de tu foto con mejor rendimiento y reutilízalos como colores de acento en texto, bordes y fondos en publicaciones futuras para construir una identidad visual coherente.

Preguntas frecuentes

¿Hay gestión de color?

Los valores se leen del canvas sRGB; no se aplica ICC.

¿Varios colores?

Mayús-clic para añadir varios a una paleta.

¿Qué formatos muestra?

HEX, RGB, HSL y HSV simultáneamente. Clic para copiar.

¿Precisión?

Lee el valor exacto del píxel. Haz zoom para precisión subpíxel.

¿Guardar paleta?

Sí, cada color clicado se añade a la tira inferior.

¿Es gratis?

Sí, completamente gratis sin registro, marcas de agua ni límites diarios. Todo se procesa localmente.

¿El color muestreado es exacto?

Sí a la resolución a la que se muestra la imagen. Para imágenes gigantes la visualización puede reducirse ligeramente, pero los valores de color permanecen precisos.

¿Puedo muestrear un rango y obtener un color promedio?

Todavía no. Muestrea múltiples puntos y estima un promedio a ojo, o usa una herramienta dedicada de extracción de paletas.