C Major
Ready
Highlighted notes on the keyboard: C4, E4, G4
View chord details
Intervals
- 1
- 3
- 5
Notes
- C4
- E4
- G4
Notes in order: C4 E4 G4
MIDI
- 60
- 64
- 67
Free Online Piano Chords and Scales Tool
Explore piano chords, scales, and musical modes directly in your browser with the Zanderjaz Interactive Piano.
Choose a root note and musical formula to see the corresponding notes highlighted across the keyboard. You can listen to the selection, move it into another octave, explore chord inversions, change the playback direction, and adjust the sustain, volume, and speed.
The piano is designed as a visual reference for producers, musicians, beatmakers, songwriters, students, and beginners learning how chords and scales are constructed. No download or account is required.
How to Use the Zanderjaz Interactive Piano
The Zanderjaz Interactive Piano generates chords and scales from the options selected above the keyboard. Start by choosing what you want to explore, select a root note and formula, and then use the highlighted keys and playback controls to study the result.
Choose a Musical Type
Use the Type menu to choose whether you want to explore a scale or chord. The other available controls will adjust automatically based on the selected type.
Select a Root Note
The Root determines the note from which the chord or scale is built. Changing the root transposes the selected formula and updates the highlighted piano keys.
Choose a Formula
Use the Formula menu to choose the chord, scale, or mode you want to study. The tool calculates the notes and displays their position across the keyboard.
Press Play and Explore
Press the orange play button to hear the current selection. Change the octave, direction, inversion, labels, or sound settings to hear and view the same musical structure in different ways.
Understanding the Piano Controls
Each control changes a specific part of the current musical selection or its playback. Beginners can experiment freely without needing to know every music theory term in advance.
Type
Chooses the general musical structure you want to explore, such as a scale or chord.
Root
Sets the starting note used to construct the selected chord or scale.
Formula
Selects the specific chord, scale, or mode formula that will be calculated from the chosen root note.
Octave
Moves the selection into a lower or higher register. Lower octaves sound deeper, while higher octaves sound brighter.
Inversion
Rearranges the notes of a chord so a different chord tone appears at the bottom. This control is disabled when inversions do not apply to the current selection.
Labels
Changes the information displayed on the highlighted piano keys, making it easier to connect the visual keyboard pattern with its musical notes.
Direction
Determines whether a scale plays upward, downward, or upward and then downward.
Sustain
Changes how long the piano notes continue ringing after they are played.
Volume
Controls the overall playback level of the piano without changing your device volume.
Speed
Changes how quickly the notes of a scale or other sequential selection are played.
Play Button
Plays the current chord or scale using the selected octave, inversion, direction, sustain, volume, and speed settings.
Reset Button
Returns the piano controls to their default settings so you can begin a new selection.
Reading the Highlighted Piano Keys
After a root and formula are selected, the notes belonging to that chord or scale are highlighted on the keyboard. This provides a visual pattern that can be easier to understand than reading note names alone.
For example, selecting C as the root and Major (Ionian) as the formula highlights the notes:
C • D • E • F • G • A • B
The note summary above the keyboard identifies the current selection, while the information below the keyboard lists the highlighted pitches with their octave numbers. Open the details panel for an additional view of the notes contained in the selection.
Learning Chords and Inversions
A chord is a group of notes that work together as a single harmony. The root note gives the chord its name, while the selected formula determines the intervals used to build it.
A chord in its standard arrangement is commonly called root position. An inversion keeps the same chord tones but places a different note at the bottom. Learning inversions can help musicians create smoother chord progressions, discover alternative voicings, and avoid large jumps between neighboring chords.
The piano displays the rearranged notes when an inversion is selected, allowing you to hear and compare each available position.
Learning Scales and Musical Modes
A scale is an organized sequence of notes that provides the musical foundation for melodies, harmonies, improvisation, and chord progressions. Changing the root transposes the pattern, while changing the formula creates a different collection of intervals.
The playback direction control allows you to hear a scale ascending, descending, or moving in both directions. Slowing the playback speed can make each note easier to follow during practice or ear training.
Musical modes use different interval patterns and tonal centers to create distinct sounds. The formula menu can be used to compare familiar major and minor sounds with other available scale and mode patterns.
Ways to Use the Interactive Piano
- Learn the notes contained in common piano chords and scales
- Compare the same formula across different root notes
- Study chord inversions and alternative note arrangements
- Find notes to enter into a DAW or MIDI piano roll
- Experiment with melodic ideas before opening music software
- Practice recognizing scale and chord patterns on a keyboard
- Hear unfamiliar scales, modes, and chord formulas
- Review music theory concepts with a visual reference
- Explore different octaves, playback directions, and speeds
- Use highlighted notes as a reference while practicing another instrument
Current Interactive Piano Features
- Responsive visual piano keyboard
- Chord and scale selection
- Multiple root notes and formulas
- Automatic note calculation
- Highlighted piano keys
- Enharmonic note spelling
- Multiple octave positions
- Chord inversion controls
- Ascending scale playback
- Descending scale playback
- Up-and-down scale playback
- Adjustable playback speed
- Adjustable sustain
- Adjustable volume
- Optional key labels
- Current note summary
- Expandable selection details
- Reset control
- Mouse and touch-friendly controls
- No account or software installation required
Planned Future Updates
The Zanderjaz Interactive Piano is still being developed. The first version focuses on making chords and scales easy to select, view, and hear without overwhelming the interface.
Future development may include:
- Additional chord, scale, and mode formulas
- More advanced chord voicings
- Arpeggiated chord playback
- Chord progression tools
- Related chord and scale suggestions
- Dedicated reference pages for individual chords and scales
- Shareable links that preserve the current piano selection
- MIDI file export
- Improved keyboard and computer-key controls
- A chord or scale finder based on notes selected by the user
- Deeper connections with Zanderjaz SoundFont, VST, and music theory resources
- Additional mobile interface improvements
The order of these updates may change as the piano is tested and expanded. The long-term goal is to build a practical collection of interactive music theory tools for beginners, musicians, producers, and songwriters.
Frequently Asked Questions
Is the Zanderjaz Interactive Piano free?
Yes. The piano is a free browser-based educational and music production resource. No account, payment, or software installation is required.
Do I need to know music theory to use it?
No. The controls are designed to let beginners explore chords and scales visually. Select a root and formula, then use the highlighted keys and note summaries to study the result.
Is this a complete virtual piano or recording program?
The current version focuses on visualizing and playing chords and scales. It is intended as a learning and reference tool rather than a replacement for a digital audio workstation, recording program, or full software instrument.
What is the difference between a chord and a scale?
A chord combines multiple notes into a harmony. A scale arranges notes into a sequence that can be used to create melodies, chords, and musical patterns.
Why is the inversion control sometimes disabled?
Inversions apply to chords and other compatible note groups. The control is disabled when the current musical type or selection does not support inversions.
Can the piano identify a chord from notes I select?
Not in the first version. The current tool generates notes from a selected root and formula. Note-based chord and scale identification is being considered as a future upgrade.
Can I export the notes as a MIDI file?
MIDI export is not included in the first version. It is one of the features being considered for future development.
Does the piano work on phones and tablets?
The interface is designed to adapt to different screen sizes and support touch controls. The complete keyboard and control panel are easiest to explore on a larger screen, but the tool can also be used on compatible mobile devices.
Related Music Production Resources
Continue exploring instruments, sounds, downloads, and production resources available on Zanderjaz.