Parte de un color que represente tu marca y prepara una pequeña familia de tonos para tu web. El generador crea cinco variantes con sus códigos HEX y un archivo CSS que puedes guardar o compartir con quien diseñará el sitio.
TU MESA DE TRABAJO
Construye tu paleta.
Empieza con el color de tu marca. Después podrás copiar los HEX o descargar el CSS.
El cálculo se realiza en esta página. Generar o descargar la paleta no envía tus elecciones a WebAzul.
De una muestra a una paleta útil.
- Elige tu color de partida.
Puedes usar el selector o escribir un código HEX de seis caracteres. Si ya tienes un manual de marca, empieza por uno de sus colores aprobados.
- Prueba una dirección.
Una paleta tonal mantiene una base común; la opción con acento añade un color separado en la rueda cromática. Tómalas como propuestas para revisar con tu marca.
- Asigna una función a cada color.
Distingue fondos, superficies, texto, acción principal y detalles. Copia los códigos o descarga el CSS para mantener las decisiones juntas.
Cómo usarla en una web de negocio.
En una página de servicios, reserva el acento para una acción que quieras destacar y utiliza las superficies más suaves para separar contenido. Deja que las fotografías, el texto y el espacio también construyan la identidad: no necesitas colorear cada bloque.
Para compartir la propuesta con tu equipo, apunta qué función tendrá cada muestra. «Azul para enlaces» o «tono claro para tarjetas» son decisiones más concretas que una lista de códigos sin contexto.
Antes de seguir, resolvamos esto.
¿El generador usa inteligencia artificial?
No. Calcula variantes a partir del color que introduces. No necesitas cuenta, créditos ni enviar una imagen.
¿La paleta garantiza una web accesible?
No. Debes comprobar los colores que realmente queden juntos, los estados de interacción y otros aspectos del diseño. El resultado es una propuesta de colores, no una auditoría de la página.
¿Qué contiene la descarga CSS?
Cinco variables con códigos HEX. Puedes incorporarlas a una hoja de estilos o compartir el archivo como referencia del proyecto.
