Selección precisa al píxel
Una lupa de aumento de 11×11 sigue tu cursor o dedo para que puedas encuadrar con precisión el píxel que quieres antes de seleccionarlo.
Selector de color de imagen
Haz clic o toca cualquier píxel de una foto para leer sus valores exactos en HEX, RGB y HSL, directamente en tu navegador. Una lupa de aumento muestra el píxel que vas a seleccionar, y la herramienta guarda una lista breve de colores recientes además de una paleta extraída de la imagen.
Sube una imagen para elegir colores
Haz clic o arrastra una imagen aquí. La selección ocurre en tu navegador: no se sube nada a un servidor.
o arrastra y suelta
Hasta 50 MB. JPG, PNG, WebP, AVIF, HEIC o HEIF.
¿Por qué usar este selector de color?
HEX, RGB, HSL y un nombre de color
Cada selección muestra los valores HEX, RGB y HSL junto con el color CSS con nombre más cercano, cada uno con su propio botón de copiar.
Selecciona desde toda tu pantalla
En navegadores de escritorio basados en Chromium que lo admiten, un botón Seleccionar desde la pantalla te permite tomar un color de cualquier parte de la pantalla, no solo de la foto subida.
Cómo funciona
- 1
Sube una foto
Elige o arrastra una imagen de la que quieras obtener colores.
- 2
Haz clic, toca o usa el teclado para seleccionar
Haz clic o toca un píxel, o usa las flechas (mantén Shift para moverte de 10 en 10 píxeles) y pulsa Enter para seleccionar el píxel resaltado.
- 3
Copia el color que necesites
Lee el HEX, RGB, HSL y el nombre de color más cercano, y usa el botón de copiar junto al valor que quieras.
Qué color es este: cómo leer los valores
Cada selección muestra cuatro cosas a la vez: un código HEX como #3a7bd5, los números RGB equivalentes, los números HSL (tono, saturación, luminosidad) y el color CSS con nombre más cercano, por ejemplo «azul acero». Los botones de copiar junto a cada formato anuncian la copia con un aviso en pantalla, así que puedes obtener exactamente el formato que tu herramienta de diseño o archivo CSS espera sin volver a escribir nada.
Selección con teclado y la lupa de aumento
Un clic o toque sirve para selecciones rápidas, pero ampliar un detalle pequeño es más fácil con el teclado: las flechas mueven el selector un píxel a la vez, mantener Shift lo mueve 10 píxeles y Enter fija el píxel que esté bajo la cruz. La lupa de aumento de 11×11 que se muestra al mover el selector permite acertar en un solo píxel en una foto saturada o de bajo contraste.
Colores recientes, paleta y precisión sRGB
La herramienta recuerda hasta 12 colores que hayas seleccionado recientemente y también extrae una paleta de hasta 8 colores dominantes de toda la imagen, para que puedas comparar varios tonos a la vez. Los valores se leen como sRGB, igual que tu navegador decodifica el archivo; una foto guardada con un perfil de color inusual puede leerse ligeramente distinta aquí que en una aplicación de diseño con gestión de color, y eso es normal, no un error del selector.
Preguntas frecuentes
¿Qué color es este, exactamente?
Haz clic o toca el píxel que te interese, y la herramienta muestra de inmediato sus valores HEX, RGB y HSL además del color con nombre más cercano.
¿Puedo seleccionar un color fuera de la foto subida, por ejemplo de otra app en pantalla?
Sí, si tu navegador es de escritorio y basado en Chromium, como Chrome o Edge, y admite la API EyeDropper. En ese caso aparece un botón Seleccionar desde la pantalla; no está disponible en Safari ni en la mayoría de navegadores móviles.
¿El color coincidirá exactamente con lo que veo en Photoshop u otra herramienta de diseño?
Normalmente sí, pero no siempre con exactitud total. Los valores se leen como sRGB, igual que tu navegador decodifica la imagen, y una foto con un perfil de color incrustado puede verse muy ligeramente distinta en una aplicación con gestión de color.
¿Necesito una cuenta para usar esto?
No. El selector de color es gratuito y funciona sin registrarte.
¿Se sube mi foto a algún sitio?
No. La imagen permanece en tu navegador y nunca se envía a un servidor.
¿Puedo seleccionar colores con el teclado en vez del ratón?
Sí. Usa las flechas para mover el selector un píxel a la vez, mantén Shift para moverte de 10 en 10 píxeles y pulsa Enter para seleccionar el píxel resaltado.
Herramientas de imagen relacionadas
Advertisements