Gratis en iOS

Cómo sacar el código HEX de un color de una foto

Un código hexadecimal como #3A7BD5 identifica un único color de pantalla, y cualquier foto o captura contiene miles de ellos. Lo difícil no es leerlo, sino elegir el píxel correcto: uno en una zona plana, lejos de bordes, brillos y sombras. Después basta con copiarlo y pegarlo en tu programa de diseño o en tu hoja de estilos.

Respuesta rápida

Abre la foto o la captura en Identificador de Colores y arrastra el selector hasta una zona uniforme del color que buscas. La app lee ese píxel exacto y muestra su código HEX junto con los valores RGB, HSB y CMYK y el nombre del color más parecido; toca Copiar hexadecimal y pégalo donde lo necesites. Repite la lectura en dos o tres puntos cercanos: si los códigos casi coinciden, ya tienes el color. Seleccionar colores en fotos forma parte de Pro.

Elige bien la imagen de partida

Trabaja con el archivo original siempre que puedas. Una captura de pantalla de una web o de una app es la fuente ideal, porque cada píxel es exactamente el color que se mostró. Las imágenes que han pasado por WhatsApp, una red social o el correo se vuelven a comprimir, y la compresión JPEG emborrona el color entre píxeles vecinos: la misma zona puede dar #3A7BD5 en el original y #3C7AD2 en la copia reenviada.

En la foto de un objeto real, la cámara ya ha decidido por ti el balance de blancos y la exposición, y un filtro desplaza todavía más los valores. El código que obtengas será el del color tal como aparece en esa foto, perfecto para un diseño que combine con ella, pero no el del objeto bajo otra luz.

Apunta a un píxel, no a un borde

El selector lee un solo píxel, así que importa mucho dónde lo sueltas. Colócalo en el centro de una zona de color plano. En las capturas, evita el contorno de letras, iconos y líneas: el suavizado (antialiasing) mezcla el color del primer plano con el del fondo, y el código resultante queda a medio camino entre ambos.

La app no tiene lupa ni zoom. Si el detalle que te interesa es pequeño, como un botón o el punto de la i de un logotipo, recorta antes la imagen en la app Fotos: esa zona ocupará toda la pantalla y será fácil acertar. En fotos de objetos, aléjate de brillos, sombras y texturas como la trama de una tela o la veta de la madera.

Comprueba que la lectura sea estable

Toma tres lecturas en la misma zona y compáralas. Que varíen uno o dos puntos en un canal es normal; un salto grande indica que has caído en un borde, un reflejo o un degradado. En un cielo o en un fondo degradado cada punto tiene su propio código, así que decide qué parte quieres antes de copiar nada.

Los perfiles de color explican otras diferencias pequeñas: el iPhone suele guardar las fotos en el espacio Display P3, más amplio, mientras que la mayoría de herramientas web trabajan en sRGB, y al convertir de uno a otro algunos valores se mueven un poco. Además, si compartes una imagen con la app desde otra aplicación, se vuelve a guardar como JPEG; para el código exacto de una captura, ábrela desde Fotos dentro de la propia app.

Copia el código a tus herramientas

Copiar hexadecimal deja en el portapapeles un código como #94766C, listo para CSS, Figma, Canva, Keynote, PowerPoint, Word o cualquier campo que acepte valores hexadecimales. Copiar RGB lo entrega como R: 148, G: 118, B: 108, para programas que piden rojo, verde y azul por separado; en CSS se escribe rgb(148, 118, 108).

Si estás reuniendo los colores de una marca o de una presentación, guarda cada color a medida que lo encuentres en vez de apuntar los códigos en una nota. Los colores guardados conservan sus códigos, así que puedes compararlos, compartirlos como texto o como imagen y volver a copiarlos más adelante.

HEX, RGB, HSB y CMYK: cuál usar

Un código HEX es la misma información que un valor RGB escrito en base 16: #94766C equivale a rojo 148, verde 118 y azul 108. Usa HEX en la web y en la mayoría de programas de diseño; RGB cuando una herramienta pida tres números; HSB si quieres retocar a mano el brillo o la saturación (el botón Ajustar ofrece deslizadores y guarda el resultado como un color nuevo); y CMYK solo como punto de partida para imprenta, que siempre necesita una prueba de color.

Preguntas frecuentes

¿Se puede sacar el código HEX de una captura de pantalla?

Sí, y es la vía más fiable, porque una captura no se ha recomprimido. Ábrela desde Fotos en la app y coloca el selector dentro de un bloque de color, nunca sobre el borde de un texto o de un icono.

¿Por qué cambia el código si muevo el selector un poco?

Porque lee un único píxel y, aunque una superficie parezca uniforme, sus píxeles casi nunca son idénticos. Las diferencias pequeñas son normales; las grandes significan que has pasado a un borde, un brillo o una sombra.

¿El código HEX de una foto es el color real del objeto?

Es el color tal como quedó registrado en esa foto. La luz, el balance de blancos y los filtros cambian cómo se captura un objeto, así que el código sirve para combinar con la imagen, no como medición del objeto.

¿Puedo probarlo sin Pro?

Sí: sin Pro puedes probar el selector dos veces por sesión, pero el nombre y el código quedan ocultos. Para ver y copiar los códigos de tus fotos necesitas Pro.

¿Se sube mi foto a algún servidor?

No. El color se lee y se nombra en tu iPhone o iPad, la foto no se envía a ningún sitio para identificarlo y no hace falta crear una cuenta.

Cómo sacar el código HEX de un color de una foto

Descarga Identificador de Colores para obtener el código HEX desde una foto con la cámara o fotos de tu iPhone.

Descargar en App Store - Gratis