Generador de paleta de marca
Elige un color base y obtén al instante una escala de tonos, complementarios, análogos y triádicos con contraste WCAG verificado.
Escala de tonos (50-900)
Complementario
Análogos
Triádicos
Contraste WCAG del color base
Lo que necesitas saber
¿Cómo elijo el color base ideal para mi marca?
Piensa en la emoción que quieres transmitir: el naranja y rojo comunican energía y urgencia, el azul confianza y seriedad, el verde crecimiento o salud, y el morado creatividad o lujo. Parte de ahí y ajusta el tono con la rueda de color.
¿Qué es el contraste WCAG y por qué importa?
Es el estándar de accesibilidad que mide si un texto se lee bien sobre un fondo de color. Un ratio de 4.5:1 o más (nivel AA) garantiza que personas con baja visión también puedan leer tu contenido, y evita problemas legales de accesibilidad web.
¿Puedo usar estos colores directamente en mi sitio web?
Sí, cada tono muestra su código HEX; haz clic para copiarlo y pégalo directamente en tu CSS, en Elementor, Figma o cualquier herramienta de diseño.
¿Cuántos colores debería tener la paleta de mi marca?
Lo recomendable es 1 color primario, 1 o 2 secundarios y una escala de neutros (grises) para textos y fondos. Demasiados colores primarios generan una identidad visual inconsistente.