Selector de Color de Imagen
Sube una imagen y haz clic en cualquier píxel para obtener sus valores de color HEX, RGB y HSL al instante en tu navegador.
Preguntas frecuentes
¿Cómo funciona el selector de color de imagen?
La herramienta dibuja tu imagen cargada en un elemento Canvas de HTML5. Al hacer clic o pasar el cursor sobre cualquier píxel, utiliza el método getImageData() de la API Canvas para leer los valores exactos de los canales rojo, verde y azul de ese píxel. Luego se convierten a HEX, RGB y HSL para uso en CSS o herramientas de diseño.
¿Qué formatos de imagen son compatibles?
Se puede usar cualquier formato de imagen compatible con tu navegador, incluyendo JPEG, PNG, WebP, GIF, SVG, BMP y AVIF. La imagen se procesa completamente en tu navegador — no se sube a ningún servidor, por lo que tus imágenes son privadas.
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX codifica los canales rojo, verde y azul como una cadena hexadecimal de seis dígitos (p. ej. #ff6b35). RGB expresa los mismos tres canales como enteros decimales del 0 al 255. HSL representa el color como Tono (0–360°), Saturación (0–100%) y Luminosidad (0–100%), más intuitivo para los humanos al ajustar colores programáticamente.