pixel → HEX · RGB · HSL
Selector de color de imagen
Haz clic en un píxel de una imagen para leer su color: un píxel de #0060fd se lee como rgb(0, 96, 253) y hsl(217, 100%, 50%). Añade una imagen para elegir colores de la tuya.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Elige con un clic, un toque o las teclas de flecha. Tu imagen se dibuja solo en esta pestaña y nunca se sube.
Scanned by 
NortonTM Safe Web
De un vistazo
- Precio
- Sin coste
- Cuenta
- No hace falta
- Subida
- Ninguna: la imagen se dibuja en la pestaña de tu navegador y nada se envía a ningún sitio
- Formatos
- PNG, JPEG, WebP, GIF, AVIF, BMP y SVG, en la medida en que tu navegador los decodifique
- Tamaño de imagen
- Se dibuja con hasta 1600 píxeles en el lado más largo; archivos de hasta 200 MB y 120 millones de píxeles
- Paleta
- Seis colores dominantes por corte por la mediana sobre unos 20,000 píxeles muestreados
Colores elegidos y cómo funciona la paleta
Estas filas las produjo el mismo código que la herramienta. La tabla de la paleta usa una imagen de 4 × 4 píxeles con doce píxeles azules y cuatro píxeles blancos.
| Color del píxel | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Color de la paleta | Parte de los píxeles |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Cómo sacar un color de una imagen
Añade una imagen
Suelta un archivo PNG, JPEG, WebP, GIF, AVIF, BMP o SVG sobre el recuadro, elige uno con Examinar o pega una imagen desde el portapapeles. Se muestra una imagen de muestra hasta que añadas la tuya.
Haz clic, toca o usa las teclas de flecha
Haz clic o toca un punto, o arrastra por la imagen. Con la imagen enfocada, las teclas de flecha mueven la mira un píxel cada vez y Mayús con una flecha la mueve diez píxeles. Los recuadros muestran el color en HEX, RGB y HSL.
Copia un color o una entrada de la paleta
Pulsa Copiar en un recuadro, o pulsa una muestra de la paleta para copiar su código HEX. La paleta enumera los seis colores dominantes de toda la imagen con la parte de la imagen que cubre cada uno.
Cómo se leen los colores
El navegador decodifica tu archivo y la página lo dibuja en un elemento canvas de esta pestaña. Una imagen de más de 1600 píxeles en su lado más largo se reduce para que quepa, así que un color que leas de una imagen muy grande procede de la copia reducida, en la que los píxeles vecinos se han promediado. Después la página pide al canvas los valores de rojo, verde, azul y alfa del único píxel que está bajo la mira y los imprime como HEX, RGB y HSL. Un píxel con transparencia se imprime con su valor alfa. Un canvas guarda los colores multiplicados por su alfa, así que un canal de un píxel parcialmente transparente puede leerse con una unidad de diferencia: 200 se lee como 199 con una opacidad del 50%.
La paleta usa corte por la mediana. La página mira uno de cada n píxeles, como máximo unos 20,000, y deja fuera los píxeles que son transparentes en más de la mitad. Pone esos colores en una caja y la corta una y otra vez, la que tiene la mayor dispersión en un canal, por la mediana de ese canal, hasta que hay seis cajas o ninguna caja contiene dos colores distintos. Cada caja se muestra como el promedio de sus píxeles, con la parte de los píxeles muestreados que contiene, de mayor a menor. El resultado es siempre el mismo para la misma imagen. Una imagen con menos de seis colores distintos da una paleta más corta, y las imágenes animadas se leen como una sola imagen fija.
Preguntas sobre el selector de color de imagen
¿Cómo obtengo el código HEX de un color de una imagen?
Añade la imagen y haz clic en el punto que quieras. El recuadro HEX muestra el código de ese píxel, por ejemplo #0060fd, y Copiar lo pone en el portapapeles. Para obtener los colores principales sin elegir un punto, pulsa en cambio una muestra de la paleta.
¿Qué formatos de imagen funcionan?
PNG, JPEG, WebP, GIF, AVIF, BMP y SVG, siempre que tu navegador pueda decodificarlos. AVIF depende de la versión del navegador. Otros archivos, como PDF o TIFF, se rechazan con un mensaje. También se rechazan los archivos de más de 200 MB o de más de 120 millones de píxeles.
¿Cómo se elige la paleta de seis colores?
Con corte por la mediana sobre una muestra de unos 20,000 píxeles: los colores se dividen en cajas por la mediana de su canal más amplio hasta que hay seis, y cada caja pasa a ser el promedio de sus píxeles. El porcentaje bajo cada muestra es la parte de los píxeles muestreados que hay en esa caja. Los píxeles mayormente transparentes se omiten.
¿Por qué dos píxeles cercanos dan colores ligeramente distintos?
Las fotos y las imágenes comprimidas como JPEG varían un poco de un píxel a otro, así que dos puntos que parecen iguales pueden diferir en unas pocas unidades por canal. Haz clic en varios puntos, o usa la paleta, que promedia muchos píxeles, cuando quieras un color representativo.
¿Se sube mi imagen a algún sitio?
No. Tu navegador decodifica y dibuja el archivo en esta pestaña, los colores se leen de ese dibujo y nada se envía a un servidor. Al cerrar o recargar la página, la imagen se descarta.
¿Qué hace el botón de selección de pantalla?
En los navegadores que ofrecen la función EyeDropper, el botón te permite hacer clic en cualquier punto de tu pantalla, incluidas otras ventanas, y muestra su color. Los navegadores sin esa función no muestran el botón; el selector de imagen funciona en todos.