Saltar al contenido principal

Herramientas

Generador de paletas de color

Una herramienta de paletas para diseñadores y desarrolladores. Pulsa espacio para generar, bloquea los colores que te gusten y exporta a CSS o Tailwind.

App webEstándar
Usar esta plantilla

Registrarse es gratis. Apruebas el plan antes de que se cree nada.

Generador de paletas de color: la pantalla Pulsa Espacio para otra paleta

Cómo funciona

  1. Generador de paletas de color: la pantalla Pulsa Espacio para otra paleta

    Paso 1 · Pulsa Espacio para otra paleta

    La barra espaciadora genera paletas nuevas

  2. Generador de paletas de color: la pantalla Ajustar #2A9D8F

    Paso 2 · Ajustar #2A9D8F

    Bloquea colores y ajusta el tono y la luminosidad

  3. Generador de paletas de color: la pantalla Ajustar #2A9D8F

    Paso 3 · Ajustar #2A9D8F

    Reglas de armonía: análogos, triádicos, complementarios

  4. Generador de paletas de color: la pantalla Contraste y exportación

    Paso 4 · Contraste y exportación

    Comprobador de contraste WCAG por pareja

  5. Generador de paletas de color: la pantalla Contraste y exportación

    Paso 5 · Contraste y exportación

    Exporta variables CSS, Tailwind y JSON

Empieza en tres pasos

  1. Paso 1

    Empieza con esta plantilla

    Regístrate gratis y abre la plantilla en el estudio. Cambia la descripción para adaptarla a tu idea si quieres.

  2. Paso 2

    Aprueba el plan

    El agente te muestra lo que va a crear: pantallas, datos y funciones. No se crea nada hasta que des tu conformidad.

  3. Paso 3

    Prueba y publica

    La app se crea, se prueba en un navegador real y queda lista para publicarse en tu propia dirección.

Más plantillas de Herramientas