# Cuentagotas de imagen online

> Sube una imagen, haz clic en un color y copia su código HEX, RGB o HSL. Lupa de píxeles, zoom hasta 64x y paleta de colores dominantes. Gratis, sin registro.

URL: https://acrafto.com/es/selector-colores-imagen-online/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

¿Necesitas saber qué color hay en un logo, una foto o una captura de pantalla? Sube la imagen, pasa el ratón por el punto que te interesa y haz clic. El código del color se copia directamente al portapapeles en el formato que elijas: **HEX, RGB, HSL, HSV o LCH**. No instalas nada y la imagen no sale de tu ordenador.

## Cómo sacar el color de una imagen

1. **Sube una imagen.** Arrástrala a la ventana o haz clic en “Explorar archivos”. El cuentagotas admite JPG, PNG, WebP y GIF.
2. **Elige el formato.** Encima de la imagen, selecciona en qué notación quieres copiar el color. Para web suele bastar con HEX, para programas de diseño va mejor RGB. La herramienta recuerda tu elección.
3. **Pasa el cursor sobre el color.** Junto al cursor aparece una lupa con los píxeles del entorno ampliados y, debajo, el código del color.
4. **Haz clic.** El código queda en el portapapeles y el color se guarda en la pestaña Colores elegidos. Solo tienes que pegarlo donde lo necesites.

¿Quieres probar con otra imagen? Arrástrala directamente sobre la actual, o elimina la que tienes con el icono de la papelera.

## Qué hace este cuentagotas online

### Una lupa que muestra cada píxel

Un cuentagotas normal solo enseña el color bajo el cursor, y acertar en el borde fino de una letra se convierte en lotería. Nuestra lupa amplía el entorno del cursor a 11 × 11 píxeles y enmarca el del centro. Ves exactamente dónde vas a hacer clic antes de hacerlo.

### Zoom hasta el píxel individual

Con los botones más y menos, o con la rueda del ratón y Ctrl pulsado, acercas la imagen hasta 64 veces. Con la cuadrícula activada ves los bordes de cada píxel, así que en iconos, pixel art o texto pequeño haces clic exactamente donde quieres.

### Color del original, no de una miniatura

Muchas herramientas online reducen la imagen y leen el color de esa miniatura, donde los píxeles vecinos se mezclan. Nuestro cuentagotas trabaja con la imagen a resolución completa (hasta 4096 px en el lado más largo), así que obtienes el color real del píxel.

### Copiar con un solo clic

Sin seleccionar texto ni volver a escribir números. Cada clic sobre la imagen copia el código en el formato elegido. Si necesitas el mismo color en otra notación, el detalle del color ofrece los cinco formatos, cada uno con su propio botón para copiar.

### Paleta de colores dominantes

Nada más subir la imagen, la herramienta encuentra hasta ocho colores que predominan en ella y los muestra en la pestaña Colores dominantes. Los tonos casi idénticos se fusionan, así que en la paleta no aparecen cinco variantes del mismo gris. Las zonas transparentes de un PNG se descartan. La paleta sirve como punto de partida para el esquema de color de una web, una presentación o publicaciones en redes sociales. Si quieres comprobar si esos colores mantienen suficiente contraste sin el matiz, pruébalo con la [conversión de la imagen a escala de grises](https://acrafto.com/es/convertir-imagenes-escala-de-grises-online-masivo-y-gratis/).

### Colores elegidos siempre a la vista

Cada color en el que haces clic se guarda en la pestaña Colores elegidos (los últimos 24). Así puedes comparar varios puntos de la imagen y volver a ellos cuando quieras. En pantallas grandes, el panel de colores queda justo al lado de la imagen.

## Para qué sirve sacar el código de color de una imagen

- **Webs y aplicaciones:** El cliente te envió el logo solo en JPG y necesitas el color exacto de la marca para tu CSS. Si además necesitas una versión con fondo transparente, usa el [eliminador de fondo de imagen](https://acrafto.com/es/eliminar-fondo-imagen-online-gratis/).
- **Diseño gráfico y redes sociales:** Quieres que el texto de una publicación combine con la foto. Saca el color directamente de ella.
- **Presentaciones y documentos:** Ajustas los colores del logo de tu empresa en PowerPoint, Google Slides o Canva con el código HEX o RGB.
- **Revisión de diseño:** En una captura de pantalla compruebas si un botón de la aplicación usa realmente el color que marca el diseño. Después revisa el tamaño de los archivos exportados con el [analizador de dimensiones de imágenes](https://acrafto.com/es/analizador-dimensiones-imagenes-online/).
- **Interiorismo y moda:** Tienes una foto de una tela o una pared y buscas un tono parecido. El código sirve como punto de partida al buscar en un catálogo de pinturas.

## Formatos de color que devuelve el cuentagotas

- **HEX** (`#1373b6`): la notación que usan HTML, CSS y la mayoría de programas de diseño.
- **RGB** (`rgb(19, 115, 182)`): la proporción de rojo, verde y azul, cada uno de 0 a 255. Cómo funciona la mezcla aditiva de colores lo explica [Wikipedia](https://es.wikipedia.org/wiki/RGB).
- **HSL** (`hsl(205, 81%, 39%)`): tono, saturación y luminosidad. Fácil para preparar una variante más clara u oscura del mismo color.
- **HSV**: tono, saturación y valor, como en los selectores de color de Photoshop o GIMP. La diferencia entre HSL y HSV la explica en detalle [Wikipedia](https://es.wikipedia.org/wiki/HSL_y_HSV).
- **LCH**: un modelo que se ajusta a cómo el ojo humano percibe el color. Se copia en la notación que entiende el CSS moderno (consulta la [documentación de MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch), en inglés).

El cuentagotas te dice qué color hay en la imagen. Si quieres seguir ajustándolo, convertirlo a más formatos o buscar tonos que combinen con él, continúa en el [selector de colores](https://acrafto.com/es/selector-de-colores-online/).

## Preguntas frecuentes

### ¿Se sube mi imagen a un servidor?

No. La imagen se carga y se procesa directamente en tu navegador, no se envía a ningún sitio y no queda nada al cerrar la página. Puedes usar el cuentagotas sin problema con material interno o diseños que aún no son públicos.

### ¿Cómo saco el código HEX de un color en una foto?

Sube la foto, deja seleccionado el formato HEX encima de la imagen y haz clic en el punto con el color que buscas. El código, por ejemplo `#75dab2`, queda al instante en el portapapeles.

### ¿Por qué el color de una foto es distinto al real?

La cámara altera los colores por la iluminación, el [balance de blancos](https://es.wikipedia.org/wiki/Balance_de_blancos) y la compresión. El cuentagotas devuelve exactamente el color guardado en el archivo. En fotos, haz clic en varios puntos y compáralos en la pestaña Colores elegidos. Si vas a mezclar pintura a partir del código, tómalo solo como referencia.

### ¿Funciona el cuentagotas en el móvil?

Sí. En una pantalla táctil tocas un punto de la imagen y el código se copia igual que en el ordenador. La lupa junto al cursor no aparece en móvil, así que para detalles pequeños amplía primero la imagen con el zoom.

### ¿Cuál es la diferencia entre HEX y RGB?

Ambas notaciones describen el mismo color. RGB lo expresa con tres números de 0 a 255, HEX escribe los mismos números en hexadecimal tras el símbolo #. Por ejemplo, `rgb(255, 87, 51)` es lo mismo que `#ff5733`.

### ¿Cómo saco toda la paleta de colores de una imagen?

Abre la pestaña Colores dominantes. Encontrarás hasta ocho colores principales de la imagen, y al hacer clic en cualquiera de ellos copias su código.

## Other languages

- Čeština (cs): [Online kapátko](https://acrafto.com/cs/vyber-barev-z-obrazku/) ([Markdown](https://acrafto.com/cs/vyber-barev-z-obrazku/index.md))
- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Português (pt): [Conta-gotas online](https://acrafto.com/pt/extrator-cores-imagem-online/) ([Markdown](https://acrafto.com/pt/extrator-cores-imagem-online/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Русский (ru): [Онлайн-пипетка](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/) ([Markdown](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/index.md))
- Српски (sr): [Kapaljka za boje](https://acrafto.com/sr/odabir-boje-sa-slike/) ([Markdown](https://acrafto.com/sr/odabir-boje-sa-slike/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- العربية (ar): [استخراج اللون من الصورة](https://acrafto.com/ar/image-color-picker/) ([Markdown](https://acrafto.com/ar/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- ไทย (th): [ดูดสีจากรูปภาพ](https://acrafto.com/th/image-color-picker-online/) ([Markdown](https://acrafto.com/th/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))