Generador de paletas

Procesado en este navegador

Límite de texto: 2000000 caracteres

Esta herramienta no sube tu entrada.

#2981aergb(41, 129, 174)
#2c43d8rgb(44, 67, 216)
#894be7rgb(137, 75, 231)
#b12abbrgb(177, 42, 187)
#dc388frgb(220, 56, 143)

Partes de un hex de marca y obtienes una serie de muestras para botones y fondos. No lee el logo como imagen. El contraste hay que comprobarlo aparte.

El cliente te mandó «el azul del Instagram» como captura. Tú necesitas cinco hex para la landing, no una moodboard. Wutools ya mezcla paleta + auditoría WCAG; esta página genera muestras y te manda a contrastar de verdad.

A partir de un color base arma una serie (más claros, más oscuros o una armonía simple). No cuantiza una foto. No es el catálogo Pantone de una imprenta.

Cómo usarla

  1. Pega el hex de marca (#0F172A o el que sea).
  2. Genera la ronda. Copia los que vayan a texto y a fondo.
  3. Cada par texto/fondo pásalo por el comprobador de contraste (AA 4,5:1 en cuerpo).

Si el color vive solo en un PNG del logo, muestrea primero con el cuentagotas.

Límites

  • No hay garantía de accesibilidad ni de «identidad de marca».
  • No sustituye un design system.
  • El mismo hex se ve distinto en un móvil barato y en un iMac: no calibramos pantallas.

Muestras locales. El manual de marca lo escribes tú.

Preguntas frecuentes

¿Puedo extraer los colores de un logo PNG?

Eso es el cuentagotas de imagen. Aquí partes de un hex o de una armonía, no de un archivo.

¿Los colores cumplen WCAG?

No lo damos por hecho. Un cian de marca suele fallar sobre blanco. Usa el comprobador de contraste.

¿Exporta a Figma o Tailwind?

Copias hex o CSS. No hay plugin ni tokens oficiales de Figma.

¿Se sube algo?

No. No hay foto. Solo números de color.

Quiero un degradado para el hero.

Generador de degradados.

Herramientas relacionadas