Color & Design

Armonía cromática y proporción áurea — paletas y proporciones para la armonía visual.

Motor de armonía cromática

Elige un HEX base. Calculamos paletas complementarias, análogas y triádicas mediante rotaciones de matiz.

¿Aplicas paletas a interfaces reales? Para accesibilidad web y comprobación de contraste WCAG, prueba AdrianTiba — suite de color, Delta E y herramientas de contraste.

Complementario

Análogo

Triádico

Calculadora de proporción áurea

Introduce el ancho total del contenedor. Lo dividimos por φ ≈ 1.618 en zona principal y barra lateral.

Proporción áurea φ ≈ 1.618 — la zona mayor (≈61,8%) se asigna al contenido principal.

Contenido principal
890px
Barra lateral
550px

Total 1440px → principal 890px + lateral 550px (φ = 1.618)