¿Qué formatos de color puedo introducir?

Códigos HEX, ya sea de 3 dígitos (#abc) o 6 dígitos (#aabbcc). El selector de color también escribe el HEX por ti.

¿Cuántos colores puedo añadir?

Los que quieras. La imagen se ensancha para incluir todas las muestras en una fila.

¿El PNG es transparente?

No. Cada muestra es un color sólido que rellena su área, así que la imagen no tiene transparencia.

¿Puedo usar la imagen comercialmente?

Sí. La imagen son solo tus colores renderizados como muestras; lo que crees aquí es tuyo.

¿Se envían mis datos a un servidor?

No. La imagen de la paleta se genera completamente en tu navegador.

Exportador de paletas de color

Sitios externos relacionados

Algunos enlaces son enlaces de afiliados.

Herramientas relacionadas

Extractor de Colores de ImagenExtrae la paleta de colores dominantes de cualquier imagen en tu navegador, sin subir nada. Obtén HEX, RGB y porcentaje (%) de cada color, elige cuántos colores y exporta como CSS/JSON.Generador de Paletas de ColoresGenera paletas de colores armónicas desde un HEX base usando esquemas complementario, análogo, triádico y más. Bloquea colores, regenera el resto y exporta a CSS, Tailwind o JSON.Conversor de ColorConvierte cualquier color entre HEX, RGB, HSL, HSV y RGBA a la vez. Edita un valor, copia con un clic, con alfa y contraste WCAG.Generador de GradientesCrea gradientes CSS lineales, radiales y cónicos con múltiples paradas de color. Ajusta ángulo, forma y centro, y copia el CSS de background o el valor de Tailwind con un clic.

Crea una paleta de colores a partir de tus colores HEX y expórtala como imagen PNG limpia con la etiqueta HEX de cada color. Es perfecta para compartir una paleta, insertarla en Figma o publicarla en redes sociales. Todo se genera en tu navegador; nada se sube.

Cómo usarlo

Añade, edita o elimina colores con el selector de color o el campo HEX.
Revisa la vista previa en tiempo real de la imagen de muestras.
Descarga la paleta como PNG.

Cómo funciona

Cada color se convierte en una muestra dibujada en un lienzo, una al lado de la otra, con su código HEX escrito debajo. El color de la etiqueta (negro o blanco) se elige automáticamente según el brillo de la muestra para que siempre sea legible. El lienzo se exporta luego como imagen PNG.

Características

Añadir y editar colores

Usa un selector de color o escribe códigos HEX; añade o elimina los que quieras.

Etiquetas HEX

Cada muestra muestra su código HEX para que la paleta sea autodescriptiva.

Etiquetas legibles

El texto de la etiqueta cambia entre negro y blanco según el brillo de la muestra.

Exportación PNG

Descarga una imagen de alta resolución lista para compartir o importar.

Cuándo usarlo

Compartir una paleta

Envía a un compañero o cliente una imagen con los colores elegidos.

Insertar en Figma

Pega la imagen de la paleta en un archivo de diseño como referencia.

Redes sociales

Publica una imagen ordenada de la paleta para mostrar un esquema de color.

Guía de marca

Incluye una imagen de muestras etiquetada en una hoja de marca sencilla.

Notas

Los colores se introducen en HEX; se acepta HEX de 3 o 6 dígitos.
El PNG exportado tiene un fondo sólido, no transparente.
Las muestras se distribuyen en una sola fila.
Todo se ejecuta en tu dispositivo; nada se sube.

Preguntas frecuentes

¿Qué formatos de color puedo introducir?: Códigos HEX, ya sea de 3 dígitos (#abc) o 6 dígitos (#aabbcc). El selector de color también escribe el HEX por ti.
¿Cuántos colores puedo añadir?: Los que quieras. La imagen se ensancha para incluir todas las muestras en una fila.
¿El PNG es transparente?: No. Cada muestra es un color sólido que rellena su área, así que la imagen no tiene transparencia.
¿Puedo usar la imagen comercialmente?: Sí. La imagen son solo tus colores renderizados como muestras; lo que crees aquí es tuyo.
¿Se envían mis datos a un servidor?: No. La imagen de la paleta se genera completamente en tu navegador.