Next.js logo

Keybed Harmony

Keybed Harmony

Welcome! The purpose of Keybed Harmony is to create 'keybed' diagrams of scales and chords. It provides a visual representation by highlighting what keys are contained within a specific scale or chord.

F Unknown
Close Voicing : 1st Inversion

Click the 'Toggle Edit Mode' button to experiment with the user controls, there are a variety of menus and selectable options.

  • Root Note.
  • Keybed Start Note.
  • Link Keybed Start Note to Root.
  • Highlight all the notes of a scale.
  • Highlight all the notes of a chords

Some of the options are dynamic, when a chord is selected there are extra options available.

  • Select a voicing.
  • Select an inversion.
  • Label Scale - when a note is chosen, a scale can also be selected to identify a chord and scale simultaneously.

Creating Diagrams To Visualise Chord Progressions

In the following example a popular chord progression has been illustrated. Each keybed diagram starts from the C note but has a different chord selected, helping to visualise how to play the progression with more efficient fingering and voice leading opportunities.

C Unknown
Close Voicing : Root Inversion

#1

A Unknown
Close Voicing : 1st Inversion

#2

F Unknown
Close Voicing : 2nd Inversion

#3

G Unknown
Close Voicing : 2nd Inversion

#4

Stacking keybed digrams provides a platform to learn about harmony and chord progressions. Registered users get access to extra features to simplify the process of creating collections of keybed diagrams, like transposition, chord inversions, scales harmonised in chord progressions and more!

Start with a completely blank keybed page.