Generador de paletas de colores desde una imagen
Sube una foto y obtén sus colores más usados como códigos que puedes copiar. La foto se queda en tu dispositivo.
Cargando la herramienta...
Para qué sirve
- Sacar el color de marca de la foto de un logotipo: súbela, elige 4 colores y haz clic en una muestra para copiar su código HEX.
- Crear la paleta de una web o una presentación a partir de una foto: extrae de 6 a 8 colores de un paisaje que encaje con el ambiente que buscas y presiona "Copiar código" para obtener variables CSS y valores HSL.
- Igualar un punto exacto: haz clic directamente sobre la foto, por ejemplo en un suéter o un producto, para leer y copiar el color de ese píxel.
Cómo se usa
- Sube una foto.
- Elige cuántos colores extraer (4–10) y revisa el resultado.
- Haz clic en un color para copiar su código HEX, o copia el código de variables CSS.
Cómo funciona
La foto se reduce a 900 px como máximo en un lienzo, sus píxeles se agrupan por colores y los colores distintos más frecuentes forman tu paleta, con códigos HEX, RGB y HSL. Todo pasa en tu navegador, sin bibliotecas ni servidor, y la foto no se guarda.
Si tus imágenes son privadas, el procesamiento se hace en tu navegador, así que tus archivos se quedan en tu dispositivo y no se suben a ningún servidor. Cómo comprobarlo.
Preguntas frecuentes
¿Qué es un código HEX?
Una forma de escribir un color con seis caracteres, como #FF5A36. Se usa mucho en la web y en las herramientas de diseño.
¿Se sube mi foto?
No. Los colores se extraen dentro de tu navegador y la foto nunca se envía a un servidor.
¿Cuántos colores puedo extraer?
Elige 4, 5, 6, 8 o 10 colores. Al cambiar el número se vuelve a extraer de la misma foto.
¿También obtengo los valores RGB y HSL?
Sí. Cada muestra enseña el HEX y el rgb, y el cuadro de código lista variables CSS y valores HSL. CMYK no está disponible.
¿Puedo elegir un punto exacto en lugar de un promedio?
Sí. Haz clic en la foto y obtendrás en HEX el color exacto de ese píxel, copiado en el portapapeles.
¿Qué tipos de imagen puedo usar?
Cualquier imagen que tu navegador pueda abrir, como JPG, PNG o WebP. La foto se procesa en la página y no se sube.
¿Puedo descargar la paleta como imagen o como archivo de muestras?
No. La herramienta muestra los colores como muestras en las que puedes hacer clic y los lista en un cuadro de código, y «Copiar código» copia ese texto (variables CSS y valores HSL). No hay exportación a imagen ni a archivo de muestras, así que pega los códigos en tu app de diseño o haz una captura de pantalla de las muestras.
¿Puedo juntar en una paleta los colores de dos fotos?
No en un solo paso. La herramienta lee una foto cada vez y sustituye el resultado anterior al cargar otra. Copia los códigos de cada foto y reúne las listas en tu propio archivo.
¿Cómo compruebo que el texto se leerá bien sobre un color de mi paleta?
Esta herramienta solo extrae colores. Copia el código HEX y abre la herramienta Selector de colores de una imagen de este sitio, donde eliges un color de fondo y uno de texto para ver la relación de contraste y si el texto normal y el grande cumplen AA y AAA.