Selector de color de una imagen: HEX, RGB, HSL y Lab

Cómo se usa

Haga clic en Elegir un archivo o suelte una imagen en el recuadro. También puede pegarla con Ctrl+V.
Mueva el puntero sobre la parte de la imagen que quiere. La lupa muestra los píxeles que la rodean, y el recuadro Color bajo el puntero da el color en cuatro notaciones.
Fije el Tamaño de muestra en 3 × 3 o 5 × 5 para leer la media de una zona pequeña en lugar de un solo píxel.
Haga clic en la imagen para añadir el color a Colores elegidos, y después haga clic en HEX, RGB, HSL o Lab para copiarlo.

Un píxel o una media

Una fotografía tiene ruido: los píxeles vecinos pueden diferir un poco incluso en una superficie lisa, así que un solo píxel puede dar un valor algo distinto. La herramienta puede promediar un cuadrado de 3 × 3 o de 5 × 5 alrededor del puntero. En una zona de un solo color, la media da un valor más estable que un píxel.

Las cuatro notaciones

HEX y RGB son las notaciones habituales en el software web y de diseño. HSL describe un color por su tono, su saturación y su luminosidad, lo que ayuda cuando quiere un tono más claro u oscuro. Lab (CIE L*a*b*, con el punto blanco D65 que usa sRGB) sigue la forma en que ve el ojo: pasos iguales en Lab se ven aproximadamente iguales, así que sirve para comparar dos colores. La función lab() de CSS usa en cambio el punto blanco D50, así que sus cifras difieren de estas.

Su imagen se queda en su dispositivo

La imagen se abre y se lee en su navegador. No se sube nada, los colores que elige no se guardan, y la lista se vacía cuando sale de la página.

Ejemplo: rojo puro

El rojo puro, #FF0000, se lee como rgb(255, 0, 0), hsl(0, 100%, 50%) y L*a*b* 53,2; 80,1; 67,2 (D65). Para leer el rojo de un logotipo, fije el Tamaño de muestra en 5 × 5 píxeles, para que un píxel con ruido no decida el color.

Preguntas frecuentes

¿Se sube mi imagen al leer sus colores?

No. La imagen se abre y se lee en su navegador, en su propio dispositivo. No se envía nada a un servidor, los colores que guarda no se almacenan y la lista se vacía al salir de la página.

¿El color de la lectura es el mismo que el de mi pantalla?

No siempre. La lectura da el valor guardado en los píxeles de la imagen. Su pantalla, su calibración y el perfil de color de la imagen pueden cambiar el aspecto del color, así que las cifras son los valores propios de la imagen, no una medida de la pantalla.

¿Cuál es la diferencia entre HEX y RGB?

Son dos formas de escribir los mismos tres valores. HEX escribe cada valor de 0 a 255 en base 16, así que rgb(255, 128, 0) es #FF8000, mientras que RGB escribe los mismos números en decimal. Ambas las aceptan el software web y de diseño.

¿Por qué la herramienta muestra un valor Lab?

Lab describe un color como lo ve el ojo, con una luminosidad y dos ejes de color. Indica mejor que HEX o RGB si dos colores están cerca uno del otro, porque dos colores cercanos pueden tener cifras bastante distintas en HEX o RGB.

¿Por qué una imagen muy grande puede leerse un poco distinto?

Por velocidad, los colores se leen de una copia con como máximo 2048 píxeles en su lado más largo. El color de una zona grande se mantiene igual, pero un píxel minúsculo en una foto enorme puede promediarse con sus vecinos.

¿Puedo leer colores de un PNG transparente?

Sí. La lectura muestra el color guardado bajo cada píxel, y la transparencia no forma parte de la lectura. En una zona transparente, el valor mostrado es el color guardado, no el color que ve en la página detrás de ella.

Fuentes

Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.