Selecciona tus colores y visualiza cómo se ven en sitios web, apps móviles, web apps y dashboards. Preview en tiempo real y descarga tu diseño.
Selecciona una paleta preestablecida o personaliza tus propios colores usando los selectores.
Usa las pestañas para ver tu paleta aplicada en diferentes tipos de diseños: web, móvil, webapp o dashboard.
Modifica cualquier color y observa los cambios instantáneamente en el mockup seleccionado.
Copia los códigos HEX, el CSS o descarga una imagen PNG del mockup con tus colores.
El color principal de tu marca. Se usa en botones de llamada a la acción (CTAs), elementos interactivos importantes y para crear jerarquía visual. Debe ser distintivo y memorable.
Complementa al color primario sin competir con él. Ideal para encabezados secundarios, secciones destacadas y elementos de soporte que necesitan atención pero no son el foco principal.
Usado estratégicamente para llamar la atención en elementos específicos: links, notificaciones, badges, highlights. Debe contrastar bien con los colores primario y secundario.
La base sobre la cual se construye todo el diseño. Generalmente colores claros (blanco, gris claro) o oscuros (negro, gris oscuro) que permiten que el contenido sea legible.
Crucial para la legibilidad. Debe tener suficiente contraste con el fondo (ratio mínimo 4.5:1 para texto normal). El color de texto también define el tono general del diseño.