Selector de Color de Imagen

Acerca de la Herramienta Selector de Color

El Selector de Color de Imagen te permite extraer información precisa de color de cualquier imagen. Sube una imagen y haz clic (o toca) en cualquier píxel para obtener valores HEX, RGB, HSL y HSV, con soporte completo de canal alfa para PNG transparentes. Un verificador de contraste WCAG integrado lo convierte en un paso real de auditoría de accesibilidad. Todo se ejecuta enteramente en tu navegador con la API Canvas de HTML5, así que tus imágenes nunca se suben a un servidor. Ideal para extraer colores de marca de logotipos y capturas de pantalla, crear paletas y verificar el cumplimiento de accesibilidad.

¿Qué formatos de imagen son compatibles?

La herramienta es compatible con todos los formatos de imagen comunes incluyendo JPEG, PNG, WebP, BMP, GIF, SVG y archivos TIFF. El tamaño máximo de archivo es 10MB.

¿Qué tan precisa es la elección de color?

El selector de color proporciona precisión perfecta de píxel. Analiza el píxel exacto en el que haces clic y devuelve los valores RGB precisos, que luego se convierten a otros formatos de color.

¿Puedo copiar valores de color al portapapeles?

¡Sí! Puedes copiar cualquier formato de color (HEX, RGB, HSL, HSV) a tu portapapeles con un solo clic. La herramienta también mantiene un historial de tus colores elegidos recientemente.

¿Qué formatos de color están disponibles?

La herramienta proporciona valores de color en múltiples formatos: HEX (para desarrollo web), RGB (rojo, verde, azul), HSL (matiz, saturación, luminosidad) y HSV (matiz, saturación, valor).

¿Hay un límite de cuántos colores puedo elegir?

Puedes elegir colores ilimitados de tu imagen. La herramienta mantiene un historial de tus últimos 20 colores elegidos para fácil referencia y re-selección.

¿Cómo funciona el verificador de contraste WCAG?

Elige un color y haz clic en 'Definir como Primer Plano', luego elige otro y haz clic en 'Definir como Fondo'. La herramienta calcula la relación de contraste WCAG 2.x a partir de la luminancia relativa de cada color y muestra insignias PASA/FALLA para AA (4.5:1 texto normal, 3:1 texto grande) y AAA (7:1 normal, 4.5:1 grande). Así validas la legibilidad del texto y el cumplimiento de accesibilidad directamente desde una imagen.

¿Mis imágenes se suben a un servidor?

No. La herramienta lee los píxeles enteramente en tu navegador con la API Canvas de HTML5. Tus imágenes nunca salen de tu dispositivo, lo que la hace segura para maquetas confidenciales, recursos de marca y capturas de pantalla.

¿Qué tan precisos son los valores de color?

Los colores se leen directamente de los píxeles decodificados de la imagen y se tratan como sRGB, el espacio de color estándar de la web. Los valores coinciden con lo que renderizan los navegadores. Ten en cuenta que los perfiles ICC incrustados en fotos de gama amplia no se aplican, así que para trabajo de impresión con gestión de color confirma con tu archivo original.