Extractor de paleta de colores gratis

Suelta una imagen JPG, PNG o WebP en esta página. Se abre el editor y muestra una paleta de 6 colores en cuanto se carga la imagen. Cambia la cantidad en Tamaño de la paleta y luego haz clic en una muestra para copiar su código.

Sube la imagen y deja el Formato de color en HEX, que es el predeterminado. Cada muestra muestra un código de seis dígitos como #3a7bd5. Haz clic en una muestra para copiar ese código, o pulsa Copiar todo como variables CSS para copiar todos los códigos a la vez.

Puedes elegir 4, 6, 8 o 12 colores, y el valor predeterminado es 6. Cuatro sirven para una paleta de marca sencilla. Con cantidades mayores verás más muestras, pero una zona grande, como un cielo, suele llenar varias de ellas con tonos muy parecidos.

Usa corte por mediana. Una copia de la imagen se reduce a 256 píxeles en su lado más largo y sus píxeles se dividen en grupos iguales según sus valores de rojo, verde y azul. Cada muestra promedia un grupo, así que puede ser una mezcla que ningún píxel tiene por sí solo. Con 6 o 12 colores, se dejan fuera los grupos más claros.

Sí. El cuadro Variables CSS muestra tus colores dentro de un bloque :root, con los nombres --color-1, --color-2 y así sucesivamente, en el formato que hayas elegido. Haz clic en Copiar todo como variables CSS y pégalo en una hoja de estilos. El código se copia al portapapeles; no se descarga ningún archivo.

No directamente. El cargador solo admite JPG, PNG y WebP, y rechaza los archivos HEIC, GIF, AVIF, SVG y TIFF. Si tienes una foto HEIC o TIFF, conviértela primero a PNG con el Convertidor de imágenes gratuito y luego suelta el PNG aquí para obtener su paleta.

Sí. Los píxeles que son transparentes en más de la mitad se omiten, así que el fondo vacío de un logotipo no añade muestras negras ni blancas. Si una imagen es casi totalmente transparente, no aparece ninguna muestra; en ese caso, prueba con una copia del logotipo sobre un fondo sólido.

Hay dos motivos por los que un color puede quedar oculto. Cada muestra promedia una parte igual de los píxeles, por lo que un acento pequeño se mezcla con los colores vecinos. Con 6 y 12 colores, la herramienta además descarta los últimos grupos, que suelen contener los píxeles más claros, así que las zonas blancas pueden desaparecer. Elige 4 u 8 para cubrir todos los píxeles.

Con esta herramienta no. Crea una paleta de toda la imagen y no tiene cuentagotas para un solo píxel. Para muestrear una zona pequeña, recorta primero la imagen hasta ese punto y la paleta se generará solo con lo que quede.

No directamente. La herramienta lee archivos de imagen, no direcciones web. Haz una captura de pantalla del sitio web, guárdala como PNG y suéltala aquí para obtener los colores principales de la página como códigos HEX, RGB o HSL.

Sí. Es gratuito, no requiere registro y no tiene límite diario. Tu imagen se lee dentro del navegador y nunca se envía a nuestros servidores. Registramos estadísticas anónimas, como el tamaño de la paleta y el tiempo empleado, pero nunca la imagen ni sus colores.