Elige un color base y genera paletas armoniosas — complementaria, triádica, análoga, complementaria dividida y monocromática.
La armonía del color es el principio de que ciertas combinaciones de tonos se ven equilibradas juntas. La teoría proviene del círculo cromático: los colores complementarios se sitúan opuestos (máximo contraste), los análogos se sitúan adyacentes (mínimo contraste), y los triádicos forman un triángulo equilátero (contraste equilibrado). La complementaria dividida toma los dos vecinos del complemento, y la monocromática varía la luminosidad y saturación de un solo tono.
Este generador trabaja en el espacio de color HSL, donde H es el ángulo de tono en el círculo, S es saturación y L es luminosidad. Las armonías son geométricas: complementaria suma 180° al tono, triádica suma 120° y 240°, análoga suma y resta 30°. Los resultados son puntos de partida para un diseño — el trabajo real de paleta ajusta saturación y luminosidad para equilibrar el peso visual, y prueba la paleta con el contenido real donde se usará.
Haz clic en cualquier muestra para copiar su código hex al portapapeles. Todo se ejecuta en tu navegador y no se almacena nada.
Complementaria: H+180°. Triádica: H+120°, H+240°. Análoga: H−30°, H, H+30°. Complementaria dividida: H+150°, H+210°. Monocromática: mismo H, S y L variados.
Complementaria para máximo contraste (botones de acción, estados de alerta). Análoga para un aspecto tranquilo y cohesivo. Triádica para una paleta equilibrada con variedad. Monocromática para un diseño de un solo color de marca.
Los colores no tienen derechos de autor. La paleta que generes es tuya para usarla.
Porque las pantallas tienen diferentes gamas de color y calibraciones. El código hex es el mismo; la apariencia depende de la pantalla.
No directamente — usa la herramienta de Verificación de Contraste WCAG para eso. Esta herramienta genera paletas armoniosas; el verificador de contraste te dice si el primer plano y el fondo cumplen los estándares de accesibilidad.
Vai.la convierte cualquier URL en un enlace corto con estadísticas de clics, código QR y tu propio biolink.
Vai.la no se hace responsable del uso de las herramientas ni de las decisiones tomadas a partir de sus resultados.