Cuentagotas de color online — obtener el color de una imagen
o arrastra una imagen aquí, o pégala desde el portapapeles (Ctrl+V)
Tamaño máximo: 50 MB. Compatibles: JPG, PNG, WEBP, GIF, BMP, AVIF, SVG, ICO.
Preguntas frecuentes
¿Para qué sirve un cuentagotas de color?
Hay cuatro usos principales. Diseño web y maquetación: tomar el código exacto de un color de marca desde un boceto o una referencia en lugar de calcularlo a ojo. Coincidencia del color de marca: comprobar si el color de un sitio coincide con el del manual de marca o el logo. Trabajo con fotografías: encontrar el tono dominante para elegir el fondo o los elementos que lo acompañan. Comprobación de contraste: comparar los códigos de texto y fondo antes de una revisión de accesibilidad.
¿Las imágenes subidas se quedan en el servidor?
Un archivo subido y una captura pegada no salen del dispositivo: el procesamiento ocurre en el navegador. Una imagen cargada por URL solo pasa por el servidor de tránsito, para que el navegador pueda cargarla, y no se guarda.
¿Por qué el color en pantalla a veces difiere del real?
Cada monitor calibra el color de forma distinta, y algunas imágenes se guardan con una compresión que distorsiona ligeramente los tonos. El cuentagotas lee el color directamente del archivo, así que muestra el mismo valor que «ve» el navegador, no el color absolutamente objetivo del objeto en la foto.
¿Se puede obtener el color de una captura de pantalla?
Sí, una captura se pega igual que una imagen normal: desde el portapapeles. Es útil para tomar el color de cualquier elemento de una interfaz sin guardar un archivo en el disco.
¿Qué hacer si hace falta el color de una zona y no de un solo píxel?
La herramienta lee el color exactamente del píxel en el que se hizo clic. Para un color promedio de una zona, conviene elegir varios puntos dentro de ella y comparar los valores: suelen quedar cerca si la zona es uniforme en color.
¿Funciona con imágenes enlazadas directamente desde internet?
Sí, la tercera forma de cargar es pegar la URL de la imagen. La imagen se carga para leer el color y no se guarda en el servidor después de procesarla.
Sube un archivo, pega una captura de pantalla o indica un enlace a una imagen: la herramienta lee el color exacto de cualquier píxel y lo da en HEX, RGB y HSL con botón para copiar. El archivo no se recomprime: el color se toma del original, píxel a píxel, directamente en el navegador.
Cómo obtener el color de una foto
- Sube una imagen. Hay tres formas: subir un archivo desde el dispositivo, pegar una captura desde el portapapeles o indicar un enlace directo a la imagen.
- Acerca la zona que necesitas. La lupa amplía la imagen hasta los píxeles individuales; importante cuando hace falta el color de un detalle pequeño, no el tono promedio de una zona.
- Haz clic y copia el código. Un clic sobre un píxel da el color de golpe en tres formatos: HEX, RGB y HSL, cada uno con su botón de copiar. Los últimos diez colores elegidos quedan en una barra de historial, así el color anterior no se pierde al pasar al siguiente.
HEX, RGB y HSL: qué formato para qué
Los tres formatos describen el mismo color, pero se usan en contextos distintos.
| Formato | Ejemplo | Dónde se usa |
|---|---|---|
| HEX | #3A7BD5 | CSS, maquetación web, editores gráficos |
| RGB | rgb(58, 123, 213) | CSS, programación, trabajo con capas de transparencia |
| HSL | hsl(214, 64%, 53%) | Elegir tonos de un mismo matiz: es más fácil cambiar luminosidad y saturación por separado |
Qué hacer con el color obtenido
Si además de obtener el color necesitas una combinación a juego o convertirlo a otro formato –CMYK, RAL, Pantone–, usa el conversor de color. El código HEX que obtengas se puede pegar directamente en la maquetación de la página, y antes de publicar el texto va bien pasar el analizador de densidad de palabras o el limpiador de texto.