Sacar el código de color de una imagen
Sube una imagen o pega una captura de pantalla y haz clic en un píxel: obtienes su código HEX, RGB, HSL y CMYK, listo para copiar. La imagen se queda en tu dispositivo.
- Gratis
- HEX, RGB, HSL, CMYK
- Lupa al píxel
- Paleta de 6 colores
100 % privado — Todo se procesa directamente en tu navegador: tus archivos, tu voz y tu imagen nunca se envían a los servidores de Chatzam.
¿Cómo saber el código de color de una imagen?
-
Sube la imagen
Arrastra una foto, un logo o un diseño, o pega directamente una captura de pantalla.
-
Haz clic en el color
La lupa amplía la zona bajo el cursor para apuntar exactamente al píxel que quieres.
-
Copia el código
Copia en un clic el formato que necesites: HEX para la web, RGB, HSL o CMYK.
Todos los colores de una imagen, en código
Lupa al píxel
Incluso en un detalle fino, un trazo de un logo o un borde, ves exactamente el píxel que vas a tomar.
Paleta dominante
Los 6 colores principales de la imagen se extraen automáticamente, para reutilizar los colores corporativos de un logo o el ambiente de una foto.
Cuentagotas en toda la pantalla
En Chrome y Edge, toma un color de cualquier parte de la pantalla, incluso fuera de la página, con el cuentagotas del navegador.
Selector e historial
Elige un color libremente, consulta sus conversiones y recupera los colores ya elegidos en el historial, guardado en este navegador.
HEX, RGB, HSL: entender los códigos de color
En pantalla, cada color es una mezcla de rojo, verde y azul, cada uno con un valor de 0 a 255, es decir, 256 × 256 × 256 = 16.777.216 colores posibles. El código RGB los escribe en decimal: rgb(255, 87, 51) es un naranja intenso. El código HEX escribe esos mismos tres valores en hexadecimal, con dos caracteres cada uno: #FF5733, porque FF = 255, 57 = 87 y 33 = 51. El HSL describe el mismo color de otra forma: un tono en el círculo cromático de 0 a 360°, una saturación y una luminosidad en porcentaje, aquí hsl(11, 100 %, 60 %). El HSL es práctico para crear una variante más clara o más oscura cambiando solo la luminosidad.
El CMYK para imprimir
Una impresora no mezcla luz sino tintas: cian, magenta, amarillo y negro (CMYK, por sus siglas en inglés), expresadas en porcentaje. Con la conversión matemática, el naranja #FF5733 da aproximadamente C 0 %, M 66 %, Y 80 %, K 0 %, y el rojo puro #FF0000 da C 0 %, M 100 %, Y 100 %, K 0 %. Esta conversión es teórica: el resultado real depende del papel, de la impresora y del perfil de color que use la imprenta. Algunos colores muy vivos en pantalla, sobre todo los azules y los verdes saturados, no se pueden reproducir con tinta y salen más apagados. Para un documento importante, pide una prueba de color o los valores CMYK de referencia del manual de identidad corporativa.
Por qué el color cambia de un píxel a otro
En una foto, una zona que parece lisa está formada en realidad por píxeles ligeramente distintos: luz, sombras, ruido del sensor. La compresión JPEG añade pequeñas variaciones, y los bordes de los textos o de los logos mezclan el color con el fondo para suavizar el contorno. Para obtener el código correcto, usa la lupa y haz clic en el centro de una zona bien uniforme, lejos de los bordes. Para sacar el color de un logo, parte si puedes de un archivo PNG en lugar de un JPEG. Y para tener una visión de conjunto de una foto, la paleta de los 6 colores dominantes suele decir más que un píxel aislado.
Preguntas frecuentes
¿Cómo saber el código de color de una imagen?
Sube la imagen o pega una captura de pantalla y haz clic en el color que quieras. El código aparece en HEX, RGB, HSL y CMYK, y se copia con un clic.
¿Cómo convertir un código HEX a RGB?
Divide el código en tres pares y pasa cada uno de hexadecimal a decimal. #1E90FF da 1E = 30, 90 = 144 y FF = 255, es decir, rgb(30, 144, 255). La herramienta muestra la conversión automáticamente, también en HSL y en CMYK.
¿Qué diferencia hay entre RGB y CMYK?
El RGB describe los colores de una pantalla, que mezcla luz roja, verde y azul. El CMYK describe los colores impresos, obtenidos con tintas cian, magenta, amarilla y negra: usa HEX o RGB para la web y CMYK para imprimir.
¿Cómo obtener el color de una web o de una aplicación?
En Chrome o Edge, usa el cuentagotas de toda la pantalla para hacer clic directamente en el color, incluso fuera de la página. En otros navegadores, haz una captura de pantalla y pégala en la herramienta.
¿Se envía mi imagen a un servidor?
No. La imagen se analiza en tu navegador y no sale de tu dispositivo. El historial de colores se guarda solo en este navegador.