Selector de color desde imagen

Sube una imagen y haz clic o toca cualquier punto para ver su color exacto en HEX, RGB y HSL.

Cómo funciona

Al hacer clic, se lee el color del píxel exacto sobre el que has pulsado directamente de la imagen (con <canvas>), y se muestra en los tres formatos más habituales en CSS y diseño.

Privacidad

La lectura de color se hace en tu navegador. La imagen nunca se sube a Numelto.

HEX, RGB y HSL: cuál usar

Si quieres varios colores a la vez, usa el generador de paleta desde una imagen.

FormatoUso
HEXCSS y herramientas de diseño (#3B82F6)
RGBPantallas y código (59, 130, 246)
HSLAjustar tono, saturación y luminosidad

Para qué sirve identificar un color exacto

Sirve para replicar el color de una marca en un diseño, igualar el tono de un elemento en una web o comprobar si dos colores que parecen iguales a simple vista lo son realmente, comparando sus valores exactos en vez de fiarte del ojo.

Preguntas frecuentes

Herramientas relacionadas

Usamos cookies de analítica para entender qué calculadoras son útiles. No se usan con fines publicitarios. Más información en nuestra política de privacidad.