Selector y extractor de color – Herramienta en línea gratuita
Nuestro extractor de color en línea gratuito permite elegir cualquier color de una foto con un solo clic, sin necesidad de instalar software ni de crear una cuenta. Suba la imagen, pase el cursor por encima para ampliarla, haga clic en cualquier píxel para ver al instante sus valores HEX, RGB, HSL y HSV, y luego genere una paleta de colores completa a partir del color elegido. Descargue los resultados en cualquier momento.
Cómo elegir colores de una foto
1
Subir su imagen
Suelte una foto en el panel, haga clic en Subir foto, o pegue con Ctrl + V. Compatible con JPEG, PNG, WebP, HEIC y GIF.
2
Haga clic para elegir un color
Pase el cursor sobre la imagen para ampliarla con la lupa y, después, haga clic en cualquier punto para capturar el color de ese píxel. Los valores HEX, RGB, HSL y HSV aparecen al instante.
3
Copiar o generar una paleta
Haga clic en cualquier campo de valor para copiarlo al portapapeles, guarde colores para más tarde, o genere una paleta de colores completa y expórtela como variables CSS o una tira de muestras en PNG.
Características principales
- Cuatro formatos de color – vea y copie el color elegido en HEX, RGB, HSL y HSV con un solo clic en cualquier campo de valor.
- Lupa de precisión a nivel de píxel – una lupa circular sigue el cursor para localizar con exactitud el píxel deseado.
- 8 tipos de paleta – genere paletas Análogas, Complementarias, Triádicas, Tetrádicas, Complementarias divididas, Monocromáticas, de Tonos o de Tintes, con 3–10 muestras.
- Opciones de exportación – copie todos los códigos HEX de la paleta a la vez, descargue una tira de muestras en PNG o exporte la paleta como propiedades personalizadas de CSS (
:root variables).
- Colores guardados – guardar cualquier color en un panel personal de colores guardados almacenado en su navegador; puede borrarlos cuando lo desee.
- Compatibilidad con HEIC – las fotos de iPhone en formato HEIC/HEIF se convierten automáticamente antes de seleccionar el color.
- Funciona totalmente en su navegador – sus fotos nunca se suben a ningún servidor.
- Gratis e ilimitado – sin registro, sin marcas de agua, sin límites.
¿Qué es un extractor de color?
Un extractor de color (o selector de color de imagen) es una herramienta que lee el color exacto de cualquier píxel de una fotografía y lo convierte en códigos de color estándar utilizados en diseño y desarrollo. En lugar de estimar un color a simple vista o introducir los valores manualmente, simplemente haga clic en el punto que le interese y la herramienta realiza la conversión por usted — desde los valores RGB sin procesar que muestra su pantalla hasta las representaciones HSL y HSV utilizadas en los flujos de trabajo de diseño gráfico.
El generador de paletas de colores va un paso más allá: una vez elegido un color base, aplica la teoría del color para producir combinaciones armoniosas listas para usar directamente en CSS, Figma o cualquier herramienta de diseño.
Usos comunes
- Extracción de colores de marca – obtenga los códigos HEX exactos de un logotipo o una foto de marca para usarlos de forma coherente en un sitio web o un sistema de diseño.
- Diseño web y UI – combinar los colores con una imagen de producto o una foto destacada para que el diseño resulte coherente.
- Generación de paletas – partir de un solo color clave y crear un esquema complementario o análogo completo para un proyecto.
- Impresión e ilustración – tomar muestras de fotos de referencia para encontrar valores RGB precisos antes de mezclar pintura o configurar un perfil de impresión.
- Temas con CSS – exporte las variables de la paleta directamente en un
:root bloque para insertarlo directamente en una hoja de estilos.
Preguntas frecuentes
Sí, la herramienta es 100% gratuita, sin límites de uso. No es necesario crear una cuenta ni proporcionar ninguna información de pago.
No. Todo el procesamiento se realiza completamente dentro de su navegador mediante la API de Canvas de HTML5. Su imagen nunca se envía a ningún servidor, por lo que su privacidad está totalmente protegida.
La herramienta muestra el color elegido en cuatro formatos simultáneamente: HEX (por ejemplo, #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), y HSV (hsv(216, 73%, 84%)). Haga clic en cualquier campo para copiarlo al instante.
Al mover el cursor sobre la imagen, aparece una lupa circular cerca del cursor que muestra una vista ampliada de los píxeles circundantes. Esto facilita identificar y hacer clic en el píxel exacto deseado, especialmente en fotos con mucho detalle o transiciones de color sutiles.
Haga clic en cualquier píxel de la imagen para establecer un color base y, después, desplácese hacia abajo hasta la Paleta de colores sección. Elija un tipo de paleta (Análogo, Complementario, Triádico, etc.) y arrastre el control deslizante de cantidad para seleccionar 3–10 muestras. La paleta se actualiza al instante. Use Copiar colores, Descargar PNG, o Exportar CSS para usar el resultado.
Exportar CSS copia un :root { } bloque que contiene cada color de la paleta como una propiedad personalizada de CSS (por ejemplo, --color-1: #3a7bd5;). Puede pegar esto directamente en su hoja de estilos y referenciar las variables en todo su proyecto.
Sí. Los archivos HEIC y HEIF se convierten automáticamente a JPEG en su navegador antes de mostrar la imagen. Aparece un indicador de carga durante la conversión y no se envía ningún archivo a nuestros servidores.