Selector de color de imagen
Sube una imagen y haz clic donde sea para obtener el hex, RGB y HSL de ese píxel. Construye una paleta personalizada haciendo clic en varios puntos. Puro navegador, sin subida.
¿Para qué sirve?
Esta herramienta convierte cualquier imagen subida en una fuente de color clicable. Pasa el cursor por cualquier punto y lee el píxel exacto bajo el cursor como hex, RGB y HSL — con una lupa magnificadora que amplía 8× para que escojas píxeles con precisión sin entornar los ojos. Haz clic para bloquear un color en una paleta personalizada: construye la paleta clicando varios puntos. Haz clic en una muestra de la paleta para quitarla. La imagen no sale del navegador.
Cuándo usarlo
- Sacar un tono específico de una foto para usarlo en un diseño.
- Igualar un color de acento UI a un activo de marca cuyo hex no tienes.
- Extraer colores de marca individuales de una imagen de logo, clic a clic.
- Construir una paleta de moodboard a partir de un fotograma o pieza de arte.
- Verificar que dos regiones de una imagen son realmente el mismo color (vs parecerse pero diferir en los píxeles subyacentes).
Cómo funciona la precisión
El muestreo de 1 píxel es exacto pero ruidoso — bordes con anti-alias, artefactos JPEG y renderizado subpíxel hacen que píxeles vecinos discrepen ligeramente. La lupa 8× te deja ver y clicar el píxel específico que quieres, en lugar de confiar en el promedio. Para extracción de color de marca importa; en moodboards puedes ignorarlo.
Errores comunes
- Anti-aliasing en texto. Las letras tienen bordes suaves que no representan el color de la "tinta" subyacente. Haz clic en medio de un trazo grueso, no en un borde.
- Artefactos JPEG. Las fotos muy comprimidas derivan en color en regiones aparentemente planas. Si necesitas un color limpio, usa PNG como fuente.
- Imagen escalada para mostrar. Las imágenes muy grandes se reducen a ~700px de ancho. El píxel que clicas viene del canvas mostrado, no del original. Para extracción pixel-perfect de un elemento minúsculo, recorta antes de subir.
- HSL es derivado, no almacenado. El navegador guarda RGB; HSL es otra forma de describir el mismo color. Los round-trips pueden introducir leves drifts por redondeo.