Saltar al contenido
Bai
EspañolEnglishEuskara Empezar →

Herramientas

Generador de paletas de colores

Crea paletas de color armoniosas, bloquea los tonos que te gusten y expórtalas.

Privado por diseño
#264653
Mallard
#2A9D8F
Java
#E9C46A
Bountiful Gold
#F4A261
Shrimp Cocktail
#E76F51
Heirloom Blush
5
#264653Mallard
RGB 38 70 83|L38 C0.04 H226
#2A9D8FJava
RGB 42 157 143|L63 C0.10 H183
#E9C46ABountiful Gold
RGB 233 196 106|L83 C0.12 H87
#F4A261Shrimp Cocktail
RGB 244 162 97|L78 C0.13 H58
#E76F51Heirloom Blush
RGB 231 111 81|L68 C0.16 H35
Pulsa Espacio para generar una paleta nueva

Sobre esta herramienta

Este generador crea combinaciones de color listas para usar en una web, una marca, una presentación o una ilustración. Puedes partir del azar o de reglas de teoría del color (análoga, complementaria, triádica, monocromática…), y también de estilos con carácter: décadas como los 70 o los 90, paisajes como un atardecer en el mar o movimientos como la Bauhaus. Es útil para arrancar un proyecto sin quedarte en blanco o para buscar alternativas a una paleta que ya tienes.

Elige una estrategia en el desplegable de la izquierda y pulsa «Generar» o la barra espaciadora. Si un color te convence, bloquéalo con el candado y seguirá en su sitio en la siguiente tirada. Haz clic sobre cualquier muestra para ajustarla con el selector de color, y usa los botones − y + para trabajar con entre 2 y 11 colores. Al terminar, copia los códigos, las variables CSS o el JSON, o descarga una imagen PNG de la paleta.

Todo se calcula en tu navegador: no hay cuenta, no se envía nada a ningún servidor y puedes generar tantas paletas como quieras. Los valores se copian en la notación de color que tengas elegida (HEX, RGB, HSL, OKLCH…). Cada color de la lista tiene un acceso directo al generador de escalas de Tailwind. La herramienta no comprueba el contraste entre colores: si la paleta va a llevar texto encima, revísalo antes de publicarla.

Preguntas frecuentes

¿Cómo hago una paleta de colores que combine bien?

Empieza con una estrategia de teoría del color como «Análoga» o «Complementaria», bloquea el tono que quieres conservar y vuelve a generar hasta que el resto encaje. Las estrategias análogas y monocromáticas suelen dar resultados más tranquilos; las complementarias y triádicas, más contraste.

¿Puedo guardar o exportar la paleta?

Sí. Puedes copiar los colores separados por comas, copiarlos como variables CSS (:root) o como un array JSON, y descargar una imagen PNG de 1200 × 630 píxeles con los códigos HEX.

¿Cuántos colores debería tener una paleta?

Para una web o una marca suelen bastar entre 3 y 5: uno principal, uno o dos de apoyo y un neutro claro y otro oscuro. El generador admite de 2 a 11 colores por si necesitas algo más amplio.

¿Los colores generados son libres de usar?

Sí. Un color o una combinación de códigos HEX no tiene derechos de autor, así que puedes usar la paleta en proyectos personales o comerciales.

Herramientas relacionadas