Extraer color de imagen y obtener códigos HEX
El Selector de Color de Imagen permite capturar cualquier tono de una fotografía sin subir archivos a un servidor. Al arrastrar la retícula sobre el lienzo obtendrás los valores exactos en HEX, RGB y HSL, el nombre del tono más cercano y sus paletas armónicas. Toda la decodificación de fotos JPG, PNG, WebP, HEIC y RAW se realiza directamente en tu navegador.
Cómo extraer color de imagen paso a paso
Para obtener el código exacto de cualquier fotografía o ilustración desde tu ordenador o teléfono móvil, sigue estos pasos:
- Haz clic en el área principal para elegir una imagen o pulsa en Usar cámara para tomar una foto al instante.
- Arrastra el dedo o el ratón sobre la imagen; una lupa circular aparecerá sobre el punto de contacto para que la retícula o cruceta no quede tapada por tu mano.
- Suelta para fijar el color. Para ajustar la posición con precisión de un píxel, utiliza las flechas de dirección (o mantén pulsada la tecla Shift para avanzar de diez en diez píxeles).
- Toca cualquier valor numérico o muestra de color para copiar el código directamente al portapapeles.
Selector de color online y formatos compatibles
Esta utilidad procesa formatos web estándares como JPG, PNG y WebP usando el elemento HTML5 Canvas. Además, permite trabajar directamente con archivos HEIC de iPhone e imágenes RAW de cámaras fotográficas mediante conversión local en el cliente.
Al no enviar los datos a servidores externos, tus fotos nunca abandonan la memoria de tu dispositivo, lo que garantiza rapidez y privacidad total en el flujo de trabajo hacia programas de diseño o maquetación.
Cómo saber los colores de una imagen e identificar su nombre
Junto al cuadro de color seleccionado se muestra la denominación más aproximada del tono. Esta lectura se obtiene convirtiendo los datos RGB al espacio de color CIELAB y calculando la menor distancia perceptual mediante la fórmula Delta E.
En el menú de configuración (icono de engranaje) es posible seleccionar la lista de nombres estándar para web en código HTML o la paleta de diseño Material Design.
Cuentagotas color imagen: muestreo puntual o promedio 3x3 y 5x5
El cuentagotas permite alternar el tamaño del área de lectura desde los ajustes. El modo de píxel único lee el valor cromático absoluto en la posición exacta de la cruceta.
Para fotografías con grano, textura o sombras complejas (como piel, tela o vegetación), los modos de promedio 3x3 (9 píxeles) y 5x5 (25 píxeles) calculan la media aritmética de los canales RGB. Esto suaviza las fluctuaciones y aporta una muestra de color representativa.
Sacar paleta de colores de una foto y esquemas HSL
Al fijar la selección, la herramienta genera automáticamente tres esquemas armónicos calculados sobre la rueda de color HSL manteniendo constantes la saturación y la luminosidad.
- Complementarios: tono opuesto a +180°.
- Análogos: variaciones de tono a -30° y +30°.
- Triádicos: distribución a +120° y +240°.
Haz clic en cualquiera de las muestras de la paleta para copiar su código HEX e integrarlo en tu proyecto.
Preguntas frecuentes
¿Cómo extraer color de imagen online sin subir mis fotos?
Solo tienes que seleccionar tu archivo o tomar una captura con la cámara. La herramienta procesa la imagen dentro de tu navegador con tecnología Canvas, por lo que la fotografía no se envía a ningún servidor ni se almacena en internet.
¿Cómo saber el hex de una imagen desde el móvil o el ordenador?
Arrastra la lupa sobre la foto y suelta sobre el punto que deseas medir. El código HEX aparecerá destacado justo debajo de la imagen; haz clic en él para copiarlo directamente al portapapeles.
¿Cómo detectar color de una foto que tiene grano o textura?
Abre la configuración con el icono de engranaje y activa la opción de promedio 3x3 o 5x5. Esto calcula el valor medio de los píxeles contiguos y evita lecturas erróneas causadas por el ruido digital.
¿Cómo identificar color de una imagen y conocer su nombre comercial o web?
Al fijar una muestra, la aplicación compara la distancia perceptual CIELAB Delta E contra listados estándar. Puedes elegir si prefieres ver nombres de colores HTML web o nombres de la guía Material Design.
¿Es posible obtener código hex de una foto en formato HEIC o RAW?
Sí, las imágenes en formato HEIC de iPhone y los archivos RAW de cámara se convierten localmente en tu navegador antes de iniciar el muestreo, sin necesidad de instalar códecs ni programas adicionales.
¿Puedo extraer color de imagen RGB y convertirlo para impresión CMYK?
La herramienta genera directamente los valores HEX, RGB y HSL utilizados en diseño digital y web. Para maquetación en imprenta, puedes copiar los valores RGB obtenidos e importarlos en tu software de edición gráfica habitual.
¿Puedo identificar color de una imagen para un juego o ilustración?
Sí, puedes cargar cualquier captura de pantalla. Para ajustar la retícula en detalles pequeños de una ilustración o videojuego, utiliza las flechas del teclado para moverte píxel a píxel.
Recomendado
-
1.500 recetas de mezclas de colorConvierte el color que elegiste en una mezcla de pintura real.
-
Tableta Wacom Intuos SmallDibuja con los colores que acabas de elegir.
-
Calibrite ColorChecker PassportFotos con los colores fieles a la realidad.
Ayuda a mantener las herramientas gratis. ✨
Imágenes meramente ilustrativas. En calidad de Afiliado de Amazon, obtengo ingresos por las compras adscritas que cumplen los requisitos aplicables.
