¿Qué es Generador de Paleta de Colores?

El Generador de Paleta de Colores crea combinaciones armoniosas basadas en la teoría del color. Elige un color base y una regla de armonía para generar paletas al instante.

Empieza de tres formas: elige un color base con el selector o pega un código hex, suelta una foto para extraer sus colores dominantes, o escribe un estado de ánimo como ocean o sunset. Luego elige una regla de armonía y la herramienta construye el resto de la paleta a partir de proporciones de teoría del color en la rueda. Bloquea los tonos que quieras conservar, baraja los demás, haz clic en un color que te guste para girar toda la paleta en torno a él y previsualiza el resultado con filtros de daltonismo. Exporta los cinco colores como un bloque de propiedades CSS, una config de Tailwind o un archivo JSON para tu sistema de diseño, o guarda la tira como imagen PNG o SVG para compartir en un brief o en redes.

Cómo usar

1. Empieza por un color base, suelta una foto para extraer sus colores, o escribe un estado de ánimo como ocean o sunset
2. Elige una regla de armonía: complementaria, análoga, triádica, complementaria dividida, tetrádica o monocromática
3. Copia cualquier muestra como HEX, RGB o HSL, revisa la cuadrícula de contraste para pares accesibles y exporta la paleta como CSS, config de Tailwind, JSON o una imagen de muestras en PNG o SVG

Cuándo usar

• Construir una paleta de marca a partir del color principal que el cliente ya aprobó.
• Elegir acentos legibles para un gráfico o un dashboard.
• Probar combinaciones para una presentación o un post de redes en minutos.

Resultado

Color base #3498DB con armonía triádica genera: #3498DB, #976CD6, #DB3498.

Preguntas frecuentes

¿Qué diferencia hay entre complementario, análogo y triádico?

El complementario coloca el color base frente a su opuesto a 180° en el círculo, máximo contraste. El análogo mantiene todo dentro de unos 30° y resulta muy armónico. El triádico distribuye tres tonos a 120° entre sí, contraste fuerte pero equilibrado.

¿Puedo conservar un color favorito y regenerar solo los demás?

Sí. Pulsa el candado en los tonos que quieras mantener, cambia la regla de armonía o el color base, o usa Mezclar. Los bloqueados quedan fijos mientras el resto se recalcula a su alrededor.

¿Qué formato de exportación conviene?

CSS te da variables como --color-1, la opción Tailwind suelta un bloque theme.extend.colors listo para tu config y JSON es un objeto estructurado para herramientas de design tokens o scripts. Para compartir la paleta como imagen —en un brief, una presentación o un post— elige PNG para un mapa de bits o SVG para una tira de muestras vectorial nítida.

¿Estas paletas cumplen el contraste WCAG?

La cuadrícula de contraste integrada puntúa cada par según los umbrales WCAG 2.x — AAA a 7:1, AA a 4,5:1, AA Grande a 3:1 — y marca los fallos en rosa. Elige un par desde la cuadrícula antes de asignarlo a cuerpo o botones, porque las reglas de armonía buscan equilibrio visual, no ratios de contraste.

¿Dónde acaban mis datos de color?

A ningún sitio. Todos los cálculos de color ocurren dentro de la página, y cualquier foto que sueltes se lee en tu dispositivo para extraer sus colores: nunca se envía a ningún lado. Tu color base, la paleta y los archivos exportados se quedan en local, así que una paleta de marca sin publicar es tan privada como tu propio portapapeles.

Herramientas relacionadas