Selector de color de imagen – Obtén HEX, RGB y HSL de una foto
Descubre el color exacto de cualquier píxel de una foto, un logo o una captura. Haz clic para obtener los valores HEX, RGB y HSL, amplía con la lupa y consigue la paleta principal de la imagen.
Suelta una imagen, pasa el puntero por encima para previsualizar los colores en la lupa y haz clic para elegir. Cada color elegido muestra HEX, RGB y HSL; haz clic en un valor para copiarlo. Los colores principales de toda la imagen aparecen como paleta con su porcentaje.
Cómo usar la herramienta: Selector de color de imagen
- Suelta una imagen o haz clic para elegirla.
- Pasa el puntero por la imagen; la lupa muestra los píxeles bajo el cursor.
- Haz clic para elegir un color.
- Haz clic en el valor HEX, RGB o HSL para copiarlo.
- Usa la paleta de colores principales como esquema rápido.
Cómo funciona
La imagen se dibuja en un canvas de tu navegador y la herramienta lee el color del píxel que señalas. La lupa amplía diez veces una zona de 11 × 11 píxeles, así que puedes acertar líneas finas y texto pequeño. No se sube nada, algo importante para diseños aún no publicados o trabajos de clientes.
HEX, RGB y HSL
| Formato | Ejemplo | Se usa en |
|---|---|---|
| HEX | #8B5CF6 | CSS, herramientas de diseño, manuales de marca |
| RGB | rgb(139, 92, 246) | CSS, editores de imagen, código |
| HSL | hsl(258, 90%, 66%) | CSS, crear tonos más claros u oscuros |
Los tres describen el mismo color. HSL es práctico cuando quieres una versión más clara u oscura: mantén el tono y cambia la luminosidad. Puedes convertir entre formatos con la herramienta Convertir HEX a RGB.
Extraer una paleta
Además de píxeles sueltos, la herramienta agrupa colores parecidos de toda la imagen y muestra hasta ocho colores principales con su porcentaje. Es una forma rápida de adaptar una web, una publicación o una presentación a una foto o a un logo. Haz clic en una muestra para copiarla y crea un esquema completo con el Generador de paletas de colores.
Colores más precisos
- Usa el archivo original en vez de una captura: las capturas pueden cambiar un poco los colores.
- La compresión JPG crea ruido en los bordes; elige el centro de una zona lisa.
- Las fotos tienen muchos píxeles ligeramente distintos del «mismo» color; la media de la paleta suele ser más útil que un píxel suelto.
- Cada pantalla muestra los colores a su manera, pero el valor HEX es el mismo en todos los dispositivos.
Usos típicos
Los diseñadores toman colores de marca del logo de un cliente, los desarrolladores igualan un mockup y los equipos de marketing mantienen coherentes sus publicaciones. Con el logo también puedes crear un favicon en los mismos colores con el Generador de favicon.
También te pueden servir estas herramientas gratis: Convertidor de WebP a JPG, Redimensionar imagen y Comprimir imágenes.
Preguntas frecuentes
¿Cómo obtengo el código de color de una imagen?
Suelta la imagen en la herramienta y haz clic en el punto que quieras. Aparecen los códigos HEX, RGB y HSL listos para copiar.
¿Se sube mi imagen?
No. El selector lee los píxeles en tu navegador; la imagen nunca sale de tu dispositivo.
¿Puedo obtener los colores principales de una foto?
Sí. La sección de paleta muestra hasta ocho colores principales con su porcentaje en la imagen.
¿Por qué el color es algo distinto al esperado?
Las fotos y la compresión JPG mezclan píxeles cercanos. Elige el centro de una zona lisa o usa la media de la paleta.
¿Funciona en el móvil?
Sí. Toca la imagen para elegir un color; la lupa muestra los píxeles bajo tu dedo.
Última actualización: