Extrae el color de una imagen en un clic
Extraer Colores de una Imagen saca los colores dominantes de cualquier foto, captura de pantalla o gráfico en el momento en que la sueltas. Sube una imagen y la herramienta arma una paleta con el valor HEX, RGB y HSL de cada color, sin adivinar ni tomar muestras a mano.
Está pensada para diseñadores que buscan inspiración en una foto, desarrolladores que necesitan igualar un color de marca y cualquiera que requiera el código exacto de un color de una imagen. También puedes tomar cualquier píxel haciendo clic directamente sobre la imagen y luego copiar o exportar la paleta completa para tu proyecto.
Cómo extraer colores de una imagen
Agrega tu imagen
Haz clic en la zona de carga para buscarla, arrastra y suelta un archivo encima, o copia una imagen y presiona Ctrl+V (Cmd+V en Mac) para pegarla. Se admiten archivos PNG, JPG, GIF y WebP.
Lee la paleta
Los colores dominantes aparecen al instante como tarjetas. Cada tarjeta muestra una muestra de color, una barra de predominio, el nombre de color más cercano y los valores HEX, RGB y HSL uno al lado del otro.
Toma un color concreto
Pasa el cursor sobre la imagen para ver el color que hay debajo y luego haz clic para tomar ese píxel exacto. Usa el botón Ampliar para verla a pantalla completa cuando necesites elegir con precisión.
Ajusta y ordena
Usa el control deslizante para extraer entre 3 y 15 colores, ordena la paleta por predominio, brillo o matiz, y pulsa Volver a extraer para actualizar el resultado.
Copia o exporta
Haz clic en cualquier valor para copiarlo, usa Copiar todo para tomar todos los HEX de una vez, o exporta la paleta como variables CSS, variables SCSS, JSON o una imagen PNG.
Funciones
Extracción inteligente de colores
Un algoritmo de agrupamiento k-means junta los píxeles parecidos para encontrar los colores realmente dominantes, no solo los más frecuentes, logrando paletas que coinciden con cómo ves la imagen.
Selector de color interactivo
Pasa el cursor para ver el color que hay debajo con un aviso de HEX en vivo y luego haz clic para tomar cualquier píxel. El modo Ampliar te da una vista a pantalla completa para elegir con precisión.
Varios formatos de color
Cada color viene con sus valores HEX, RGB y HSL, cada uno con su propio botón de copiar en un clic para que tomes el formato que necesite tu proyecto.
Nombre del color
Cada color se asocia con el color con nombre más cercano de una amplia base de datos, lo que facilita describir y recordar los tonos de tu paleta.
Orden flexible
Ordena la paleta por predominio para destacar los colores dominantes, por brillo de claro a oscuro, o por matiz para seguir el círculo cromático.
Cantidad de colores ajustable
Un control deslizante sencillo te deja extraer entre 3 y 15 colores, para mantener una paleta acotada o captar una gama más amplia de tonos.
Opciones de exportación
Lleva tu paleta a donde quieras como variables CSS, variables SCSS, datos JSON o una hoja de muestras PNG descargable con etiquetas HEX.
Historial de paletas
Tus paletas recientes se guardan en el navegador para que puedas volver a abrirlas sin subir la imagen de nuevo. Borra el historial cuando quieras para empezar de cero.
Preguntas frecuentes
¿Cómo extraigo los colores de una imagen?
Agrega una imagen haciendo clic en la zona de carga, arrastrando un archivo o pegándola desde el portapapeles. La herramienta lee la foto y muestra sus colores dominantes como una paleta de forma automática, sin instalar nada ni registrarte.
¿Cómo saco el código HEX de un color de una foto?
Pasa el cursor sobre el punto que quieras para ver el color que hay debajo y luego haz clic para tomar ese píxel exacto. Su valor HEX se copia por ti, y también puedes hacer clic en cualquier valor de una tarjeta de color para copiarlo.
¿Puedo obtener el RGB y el HEX a la vez?
Sí. Cada color extraído lista sus valores HEX, RGB y HSL juntos, y cada uno tiene su propio botón de copiar para que tomes el formato que necesites.
¿Qué formatos de imagen se admiten?
Funcionan los archivos PNG, JPG/JPEG, GIF y WebP. Para una paleta más nítida, usa una imagen clara con colores bien definidos en lugar de una borrosa o muy comprimida.
¿Cuántos colores puedo extraer?
Entre 3 y 15 colores con el control deslizante. Empieza en 3, que va bien para la mayoría de imágenes; sube la cantidad para fotos con más variedad y luego pulsa Volver a extraer para rehacer la paleta.
¿Qué significa "predominio"?
El predominio indica qué tan dominante es un color en toda la imagen. Cuanto más llena esté la barra de predominio de una tarjeta, mayor parte de la foto cubre ese color, lo que te ayuda a ver de un vistazo el equilibrio general de colores.
¿Puedo exportar la paleta como CSS o JSON?
Sí. El menú de exportación te deja copiar la paleta como propiedades personalizadas de CSS o variables SCSS, copiarla como JSON para usarla por código, o descargar una hoja de muestras PNG. Para CSS, pega la exportación en tu :root y usa valores como var(--color-1).
¿Mis imágenes se suben a un servidor?
No. Todo el proceso ocurre en tu navegador con JavaScript, así que tus imágenes nunca salen de tu dispositivo. El historial de paletas guardado también se queda en el almacenamiento local de tu propio navegador.
¿Funciona en el móvil?
Sí. El diseño es adaptable y funciona en teléfonos y tabletas. En pantallas táctiles, toca la imagen para tomar un color en lugar de pasar el cursor con el ratón.
Aún no hay comentarios. ¡Sé el primero en comentar!