Il campo armonico nelle tue mani.

Armonia Lab

Armonia Lab è uno strumento interattivo per l'esplorazione dell'armonia tonale. Permette di visualizzare, ascoltare e manipolare il campo armonico di qualsiasi tonalità in tempo reale, attraverso quattro viste strumentali sincronizzate.

Non è un manuale. Non è un corso. È uno strumento: lo apri, scegli una tonalità, e inizi a costruire musica.

Il problema che risolve

L'armonia si studia sui libri. Si leggono tabelle di accordi, si memorizzano formule, si fanno esercizi su carta. Ma l'armonia è suono, movimento, tensione e risoluzione — cose che sulla carta non esistono.

Armonia Lab rende visibile ciò che nei manuali resta astratto. Ogni accordo ha una forma geometrica sul diagramma circolare. Ogni progressione ha un percorso. Ogni sostituzione ha un colore e un suono. Il voice leading — il modo in cui le voci si muovono da un accordo all'altro — diventa una freccia dorata che puoi seguire con gli occhi mentre lo ascolti.

Lo studente non legge che "il quinto grado risolve sul primo". Lo sente, lo vede, lo tocca. E poi lo capisce.

Quattro viste, un unico strumento

Campo armonico

Diagramma circolare con le dodici note cromatiche disposte come un orologio. L'accordo corrente è un poligono: un triangolo per le triadi, un quadrilatero per le settime, forme più complesse per le estensioni. Clicca una nota per cambiare grado, trascina per aggiungere estensioni. Le frecce dorate mostrano come le singole voci si muovono dall'accordo precedente a quello corrente.

Tastiera

Pianoforte con il voicing corrente evidenziato. I tasti dorati indicano la fondamentale, i tasti premuti le altre note dell'accordo. La barra superiore mostra il tipo di voicing selezionato. La tastiera si adatta automaticamente: tre ottave per gli accordi base, cinque per i voicing estesi.

Chitarra

Diagramma del manico con diteggiature reali. Più posizioni disponibili per ogni accordo, navigabili con i pulsanti numerati sotto il diagramma. I pallini rossi indicano la fondamentale, i pallini chiari le altre note.

Basso

Manico a quattro corde con ventiquattro tasti. Ogni nota dell'accordo è etichettata con il suo intervallo dalla fondamentale: R per la root, ♭3, 3, 5, ♭7, 7 e così via. Uno strumento di riferimento immediato per bassisti che vogliono visualizzare la struttura intervallare su tutto il manico.

Le quattro viste sono sempre sincronizzate: cambiare un accordo, un voicing o un'estensione aggiorna istantaneamente tutti i diagrammi.

Quattro livelli di profondità

Triadi

Solo accordi a tre note: fondamentale, terza e quinta. Il punto di partenza per chi inizia a studiare armonia. Maggiore, minore, diminuito — le basi del sistema tonale.

Base

Triadi con settime. Quattro note, quattro qualità: maggiore settima, minore settima, dominante, semidiminuito. Il vocabolario armonico standard del pop, del rock e della musica moderna.

Esteso

Aggiunge none, undicesime e tredicesime. Ogni estensione è attivabile singolarmente con un toggle dedicato. L'accordo si arricchisce nota per nota, e ogni aggiunta è immediatamente visibile sul diagramma e udibile nell'audio. Il territorio del jazz, del neo-soul, della musica contemporanea.

Avanzato

Alterazioni cromatiche: nona bemolle, nona diesis, undicesima aumentata, tredicesima minore. Pannello teoria con scala consigliata per ogni grado, tensioni disponibili, avoid notes, scale alternative utilizzabili. Tabella completa delle dominanti secondarie e delle sostituzioni di tritono con ascolto diretto. Il livello per chi studia armonia jazz, composizione e arrangiamento.

Il livello si adatta anche automaticamente: trascinare una nota cromatica sul diagramma attiva il livello necessario senza bisogno di selezionarlo manualmente.

Voicing e voice leading

Ogni accordo può essere disposto in sei voicing diversi: posizione fondamentale, drop 2, drop 3, drop 2-4, rootless tipo A e rootless tipo B. Ogni voicing suona diversamente e ha un colore timbrico proprio.

Il toggle voice leading ottimizza automaticamente il movimento delle voci tra un accordo e il successivo, minimizzando i salti e mantenendo le note comuni. È il principio fondamentale dell'arrangiamento e della condotta delle parti — reso visibile e udibile in tempo reale.

Repository

Il pannello repository è il cuore dell'esplorazione. Sette pulsanti per i sette gradi diatonici, ciascuno con il nome della nota e la qualità dell'accordo. Un click e senti l'accordo, vedi il poligono muoversi sul diagramma, osservi il voice leading dall'accordo precedente.

Sotto i gradi, una collezione di progressioni armoniche classiche organizzate per genere: pop, rock, jazz, blues, latin, gospel. Ogni progressione mostra i gradi, il genere, una nota didattica che spiega perché funziona. Clicca il titolo per ascoltarla una volta. Premi il pulsante loop per farla girare a tempo.

Il loop player mostra l'accordo corrente in grande, con uno slider per il tempo (da 40 a 200 BPM) e una barra di progresso che evidenzia lo slot attivo. Metti in loop una progressione, prendi lo strumento e suonaci sopra.

Modi

Studio completo dei sette modi della scala maggiore: ionico, dorico, frigio, lidio, misolidio, eolio, locrio.

Ogni modo presenta la formula della scala, le note caratteristiche evidenziate in oro e le note da evitare in rosso. Un riquadro dedicato spiega quali note sottolineare durante l'improvvisazione e perché. Esempi di brani famosi che utilizzano ciascun modo.

Il pulsante "suona" avvia un loop della progressione modale tipica. Durante la riproduzione il pannello si trasforma: mostra la scala da suonare sull'accordo corrente, quali note sono nell'accordo, quali enfatizzare e quali evitare — tutto aggiornato in tempo reale ad ogni cambio di accordo. Una guida all'improvvisazione modale che si muove insieme alla musica.

Costruttore

Costruisci le tue progressioni armoniche da zero. Una palette di sette gradi: clicca per aggiungere accordi alla sequenza, fino a sedici. L'analisi funzionale automatica mostra il flusso armonico con le etichette T (tonica), S (sottodominante) e D (dominante) collegate da frecce.

La striscia in basso mostra la progressione in costruzione. Clicca uno slot per selezionarlo e rivedere l'accordo. Il pulsante freccia rimuove l'ultimo accordo. Il pulsante play riproduce l'intera sequenza.

Puoi salvare le tue progressioni con un nome, ricaricarle in qualsiasi momento, e inviarle direttamente al modulo di riarmonizzazione per sperimentare sostituzioni.

Riarmonizzazione

Seleziona una progressione — una delle tue o una classica — e inizia a sostituire gli accordi.

Clicca uno slot nella striscia per vedere tutte le sostituzioni disponibili per quell'accordo. Ogni sostituzione è una carta con il grado alternativo, un tag che identifica il tipo (diatonico, relativo minore, sostituzione di tritono, dominante secondaria) e una spiegazione teorica di perché la sostituzione funziona.

Clicca una carta per applicarla. Lo slot cambia colore per indicare la modifica. Confronta l'originale e la versione riarmonizzata con i due pulsanti di riproduzione. Ascolta la differenza, valuta, sperimenta ancora.

La riarmonizzazione è il cuore della creatività armonica: prendere qualcosa di familiare e trasformarlo in qualcosa di nuovo. Armonia Lab rende questo processo accessibile a qualsiasi livello di competenza.

Interazione diretta sul diagramma

Il diagramma circolare non è solo una visualizzazione: è uno strumento di input.

Clicca una nota che è fondamentale di un grado diatonico e l'accordo cambia. Clicca una nota esterna all'accordo e viene aggiunta come estensione — la nona, l'undicesima, la tredicesima o le loro alterazioni cromatiche. Trascina il dito o il mouse tra le note per interagire in sequenza.

Il livello di complessità si adatta automaticamente: se trascini verso un re diesis partendo da un accordo base, il sistema attiva il livello avanzato e aggiunge la nona diesis. Non serve configurare nulla. Tocchi, ascolti, impari.

Per chi è

• Studenti di armonia — Dal primo anno di conservatorio all'analisi avanzata. Ogni concetto del manuale diventa un'esperienza interattiva.
• Chitarristi, pianisti, bassisti — Diteggiature reali sul proprio strumento, sincronizzate con la teoria.
• Compositori e arrangiatori — Voicing professionali, voice leading automatico, riarmonizzazione guidata.
• Insegnanti — Uno strumento da proiettare in classe per mostrare in tempo reale ciò che le parole non bastano a spiegare.
• Curiosi — Nessun prerequisito. Si parte dalle triadi, si arriva dove si vuole.

Armonia Lab è attualmente in fase di beta pubblica ed è accessibile gratuitamente.Armonia Lab

Cos'è

 Quinte Lab è lo strumento web gratuito di Musictools che trasforma il circolo delle quinte in un laboratorio interattivo di teoria musicale. Scegli una tonalità e un modo, e in tempo reale l'app calcola e

 mostra — tutti collegati e sincronizzati — la scala, gli accordi diatonici, l'armatura di chiave, la posizione sulla tastiera e la disposizione sulla ruota delle quinte. Ogni elemento è cliccabile e suona 

 davvero (pianoforte campionato). È un'unica pagina che gira interamente nel browser: nessuna installazione, nessun login.

 Il cuore: un motore di teoria musicale

 Sotto la grafica c'è un vero engine armonico (theory.js) che, dati tonica + modo, deriva tutto matematicamente:

 - Circolo delle quinte completo a 12 posizioni (C, G, D, A, E, B, Gb, Db, Ab, Eb, Bb, F) con la relativa armatura (da 0 a 6 diesis / bemolli) e la scrittura enarmonica corretta per ogni posizione.

 - 7 modi (le scale ecclesiastiche) definiti per intervalli: Ionico (maggiore), Dorico, Frigio, Lidio, Misolidio, Eolio (minore naturale), Locrio.

 - Accordi diatonici generati "impilando le terze" sulla scala e classificati automaticamente in maggiore / minore / diminuito / aumentato, con l'assegnazione dei gradi in numeri romani (I, ii, iii, IV, V, vi,

 vii° …).

 - Conversione in MIDI con registro sensato per la riproduzione audio.

 Non è una tabella precompilata: cambia modo o tonalità e tutto si ricalcola da zero coerentemente.

 1) La ruota interattiva (il pezzo forte)

 Una ruota SVG a due anelli:

 - Anello esterno = tonalità maggiori; anello interno = relative minori.

 - In senso orario sali di quinta, in senso antiorario di quarta.

 - Gli accordi della tonalità scelta si illuminano sui rispettivi spicchi, con un codice colore: 🟡 tonica (oro), 🟢 maggiore (verde), 🔵 minore (blu), 🟤 diminuito (bronzo). Su ogni spicchio attivo compare il

 grado in numero romano.

 - La ruota ruota con un'animazione fluida (easeOutCubic) per portare la tonica in cima, sotto un puntatore fisso.

 - Clic su uno spicchio = cambio tonalità istantaneo (esterno → maggiore/Ionico, interno → minore/Eolio).

 - Le etichette usano la scrittura convenzionale (diesis sulla metà destra del circolo, bemolli sulla sinistra), indipendentemente dalla tonalità scelta — esattamente come nei manuali.

 2) I Modi

 Una striscia con i 7 modi (nome + carattere Major/Minor/Dim). Selezionandone uno, scala, accordi, armatura, pentagramma, ruota e tastiera si riarmonizzano su quel modo. Il modo attivo è evidenziato e la

 striscia scorre automaticamente per centrarlo.

 3) Gli accordi diatonici

 I 7 accordi della tonalità mostrati come "chip" con numero romano + nome dell'accordo (es. V · G), colorati per qualità. Clic = ascolti la triade. In modalità Tutor ogni accordo spiega il proprio ruolo (vedi

 sotto).

 4) Armatura & scala sul pentagramma

 Un vero pentagramma in chiave di violino (staff.js) che disegna:

 - l'armatura di chiave con diesis/bemolli nell'ordine e nelle posizioni corrette della convenzione classica;

 - la scala scritta correttamente dal punto di vista enarmonico (lettera + alterazione + ottava giuste, non solo "il tasto"), con tagli addizionali per le note fuori rigo, la tonica in oro e la tonica ripetuta

 all'ottava a chiudere.

 - Ogni nota è cliccabile per ascoltarla.

 5) La tastiera

 Un pianoforte di 2 ottave (piano.js) che evidenzia le note della scala (tasti bianchi e neri), con la tonica in oro e un puntino sui tasti "in scala". Clic = suona la nota. In Tutor, ogni tasto dice se

 appartiene alla scala e con quale grado, o avvisa che è una nota "fuori tonalità".

 6) Centro e controlli

 - Hub centrale: nome della tonalità, nome del modo, armatura ("2 ♯", "3 ♭", "♮ natural") e pulsante enarmonia (♯ ⇄ ♭).

 - Menu Tonalità: 12 tonalità, ognuna mostrata come maggiore + relativa minore (es. C / Am).

 - Note: passaggio tra notazione internazionale (C D E) e italiana (DO RE MI) — preferenza salvata tra le visite.

 - ▶ Scala (suona le 7 note in salita + ottava) e ▶ I–IV–V–I (suona la cadenza che definisce la tonalità).

 7) Audio reale

 Non bip sintetici: usa Tone.js con un pianoforte campionato (samples Salamander). Suona note singole, accordi e sequenze melodiche con tempi curati. L'audio si inizializza al primo clic (per le policy autoplay

 dei browser) e resta pronto.

 8) Modalità Tutor — il valore didattico

 È la funzione che rende Quinte Lab un insegnante, non solo un diagramma. Attiva di default: passando il mouse su qualsiasi elemento appare un tooltip che spiega la teoria, ad esempio:

 - Accordi: nome + funzione del grado (Tonica, Sopratonica, Mediante, Sottodominante, Dominante, Sopradominante, Sensibile), qualità, ruolo armonico ("la dominante è la massima tensione, tira verso la tonica")

 e le note che lo compongono.

 - Modi: descrizione del carattere ("Lidio: maggiore con la 4ª aumentata, sognante e sospeso, tipico delle colonne sonore").

 - Ruota: se lo spicchio appartiene alla tonalità, e la relazione relativa minore ↔ maggiore ("stessa armatura, accordo gemello"); se no, avvisa quanto è "lontano" armonicamente.

 - Pentagramma / tastiera: il grado della nota e il suo significato.

 Il pulsante Tutor in alto la accende/spegne (mostra "Tutor: ON").

 9) Onboarding: benvenuto + guida interattiva

 - Modale di benvenuto alla prima visita (ricordata via localStorage).

 - Guida passo-passo (pulsante ?): un tour con "faro" che illumina una sezione alla volta — circolo, tonalità, modi, accordi, pentagramma, tastiera — con spiegazione e navigazione Avanti/Indietro.

 10) Come è fatto (tecnica)

 - 100% statico/client-side: HTML + moduli ES (app.js orchestratore, theory, wheel, staff, piano, audio, i18n, tutor), SVG per ruota/pentagramma/tastiera, Tone.js per l'audio.

 - Nessun backend: gira ovunque, anche offline dopo il caricamento (a parte i campioni audio).

 - Preferenze (notazione, benvenuto visto) in localStorage; cache-busting con ?v= sugli import; Google Analytics; tooltip riposizionati per non uscire dallo schermo; font Fira Code, tema scuro elegante.

 11) Per chi è / a cosa serve

 Per studenti, insegnanti, autori e curiosi. Collega in un colpo d'occhio i concetti che di solito si studiano separati — circolo delle quinte, tonalità e armature, modi, armonia diatonica, cadenze, relative 

 minori, enarmonia — e li rende visibili, cliccabili e ascoltabili. Serve a capire il perché, non solo a memorizzare: perché certi accordi stanno bene insieme, perché la dominante "vuole" risolvere, cosa cambia

 davvero quando passi da un modo all'altro.

 ▎ Quinte Lab — il circolo delle quinte come non l'hai mai visto: esploralo, cliccalo, ascoltalo. Uno strumento gratuito di Musictools Lab.