ChordColor
Loading instruments...

Piano Chords and Voicings

ChordColor displays a 3-octave keyboard with every key colored by its interval when a chord is selected. The root glows red, the major third is yellow, the perfect fifth is blue, and all 12 intervals have distinct colors. This makes it immediately obvious which keys belong to the chord and how the intervals are spaced across the keyboard. You can see at a glance why a major chord sounds bright (wide major third) and a minor chord sounds darker (narrow minor third).

All 528 chord types are available in root position, first inversion, and second inversion. Each voicing shows right-hand fingering numbers (1 through 5, thumb through pinky) on the keys, so you can learn the proper hand position for each chord. Click or tap any key to hear it, or tap the chord name to hear the full voicing played back with sampled piano tone.

Understanding Inversions Visually

Inversions rearrange the same notes so a different note sits on the bottom. On piano, this changes the spacing between the hands and the overall sound color. ChordColor shows each inversion with updated interval colors and fingerings, making it easy to see how the same three or four notes redistribute across the keys. Use the voicing arrows to step through root position, first inversion, and second inversion, and listen to how each one sounds different despite containing identical pitches.

HomeAboutMusic TheoryStudioSongsPrivacyTermsContact