¿Qué es un selector de color de imagen?
Un selector de color de imagen lee datos de color de una foto y los convierte en valores usados por herramientas de diseño y desarrollo. Sube o pega una imagen JPG, PNG o WebP, inspéctala con la lupa de píxeles y haz clic para fijar el píxel de origen exacto. El selector informa valores HEX, RGB, HSL, HSV y CMYK, incluida la transparencia cuando el píxel tiene canal alfa.
La imagen mostrada puede ser más pequeña que sus dimensiones originales, pero el puntero se mapea al canvas a resolución natural. Así el color reportado proviene del píxel de origen, no de una vista previa redimensionada. Hay entradas X e Y exactas y movimiento con flechas del teclado cuando necesitas coordenadas repetibles.
Cómo elegir colores precisos
- Sube, arrastra o pega una imagen en la herramienta.
- Pasa el cursor para abrir la lupa de cuadrícula de píxeles ampliada.
- Haz clic en un píxel para fijar su color y coordenadas originales.
- Usa muestreo 1×1 para un píxel exacto o promedios 3×3 y 5×5 para un tono local representativo.
- Copia el formato de color que encaje con tu diseño, CSS o flujo de impresión.
- Selecciona un color de la paleta extraída automáticamente o vuelve a una elección reciente.
El modo de un solo píxel es el más exacto para arte plano, logos y capturas de interfaz. Las fotografías y JPG comprimidos suelen tener pequeñas variaciones alrededor de un borde. En esos casos, una muestra promediada puede representar mejor lo que percibe el ojo sin cambiar la imagen original.
Formatos de color y contraste
HEX y RGB describen colores de pantalla rojo, verde y azul. HSL organiza un color por tono, saturación y luminosidad, mientras HSV usa tono, saturación y valor. CMYK se ofrece como referencia práctica para flujos orientados a impresión, aunque la impresión profesional puede variar según perfil y dispositivo.
El panel de contraste compara el color elegido con blanco y negro usando ratios de contraste estilo WCAG. Sugiere el color de texto más legible, pero las decisiones de accesibilidad completas también deben considerar tamaño, peso de fuente y estado de la interfaz.
Muestreo privado en el navegador
El canvas a resolución natural, las lecturas de píxeles, las conversiones y la extracción de paleta corren en tu navegador. La imagen no se envía a un servidor. Eso hace la herramienta adecuada para capturas privadas, arte de clientes y activos visuales no publicados. El archivo de origen no se modifica, y los colores recientes solo existen mientras la página del tool está abierta.