Elige colores de una imagen
Selector de color de imagen
El Selector de color de imagen devuelve el código de color exacto de cualquier píxel en el que hagas clic dentro de una imagen. Una lupa muestra los píxeles bajo el puntero, y cada color elegido incluye sus valores HEX, RGB, HSL, HSB, OKLCH, Lab y CMYK.
- Gratis, sin registro
- Las imágenes nunca salen de tu dispositivo
- Colores de píxel exactos
Suelta una imagen para elegir colores
o pega con Ctrl+V. JPG, PNG, WebP, GIF, AVIF, SVG. Hasta 20 imágenes.
¿Cómo eliges un color de una imagen?
Para elegir un color de una imagen, abre la imagen en el selector y haz clic en el píxel que quieras.
Abre una imagen
Suelta, pega o elige un archivo JPG, PNG, WebP, GIF, AVIF o SVG. La imagen se queda en tu dispositivo.
Apunta con la lupa
Mueve el puntero sobre la imagen. La lupa amplía los 11 por 11 píxeles que lo rodean y marca el píxel que está bajo el puntero.
Haz clic para elegir
Haz clic o toca para agregar el color del píxel a tus colores elegidos. Arrastra un marcador para moverlo, o desplázalo con las teclas de flecha.
Copia el código
Copia cualquier código con un clic, o exporta todos los colores elegidos a CSS, Tailwind, Adobe, Procreate y más.
¿Cuál es la precisión del color elegido?
Cada selección devuelve el valor de un píxel real. El selector lee la imagen a un máximo de 2048 píxeles en su lado más largo y sin suavizado, así que ningún promedio altera el valor.
Los píxeles vecinos de una foto suelen ser distintos, porque la iluminación, la textura y la compresión JPEG añaden pequeñas variaciones. Para obtener el color de un área completa, usa el Extractor de paletas de colores con el ajuste Promedio.
¿Qué códigos de color muestra el selector?
El selector muestra siete códigos para cada color elegido, cada uno con un botón de copiar.
- HEX
- Código de seis dígitos para CSS y apps de diseño
- RGB
- Canales rojo, verde y azul de 0 a 255
- HSL
- Tono, saturación y luminosidad para CSS
- HSB
- Tono, saturación y brillo para los selectores de color de las apps
- OKLCH
- Luminosidad perceptual, croma y tono para CSS moderno
- CIE Lab
- Luminosidad y dos ejes de color, como
lab()de CSS - CMYK
- Estimación para impresión sin perfil de impresora
- Contraste
- Relación WCAG 2 con el blanco y el negro
¿Cuándo conviene usar el selector en lugar del extractor de paletas de colores?
| Tarea | Herramienta |
|---|---|
| Encontrar el código de un punto concreto, como un botón o un detalle | Selector de color de imagen |
| Obtener los colores principales de una imagen completa | Extractor de paletas de colores |
| Obtener los colores exactos de un logotipo sin mezclas en los bordes | Extractor de colores de logotipos |
| Obtener los colores de un sitio web a partir de su código | Extractor de colores de sitios web |
¿Para qué usa la gente un selector de color de imagen?
Igualación de colores
Iguala el color de una pintura, una tela o un producto a partir de una foto para un diseño impreso o web.
Diseño web
Copia el color exacto de un botón o de un fondo desde una captura de un diseño.
Trabajo de marca
Toma un color de marca de una foto de un envase o de un letrero como punto de partida.
Comprobaciones de accesibilidad
Consulta el contraste de un color de texto elegido con el blanco y el negro en la pestaña Códigos de color.
Preguntas frecuentes sobre el selector de color de imagen
¿Cómo obtengo el código HEX de un color de una foto?
Abre la foto en el Selector de color de imagen y haz clic en el color. El código HEX aparece al instante, con un botón de copiar al lado.
¿Puedo elegir colores en el teléfono?
Sí. Toca la imagen para elegir un píxel y luego arrastra su marcador para ajustar la posición.
¿Por qué el mismo objeto muestra códigos HEX diferentes?
La iluminación, las sombras y la compresión dan valores distintos a los píxeles vecinos. Elige el color en la zona más uniforme del objeto, o promedia el área con el extractor de paletas de colores.
¿Puedo elegir colores de una captura de pantalla?
Sí. Haz una captura de pantalla y pégala en la página con Ctrl+V o Command+V.
¿Hay un límite de selecciones?
No. Elige tantos colores como necesites. Las exportaciones de Procreate contienen los 30 primeros colores, y los formatos de código los contienen todos.