Piano Keyboard Note Chart
Every key labelled · tap a key to hear and name it · C4 is middle C
How to play
- Tap any key to hear it and see its full name (letter + octave number).
- Pick a note above the keyboard to light up every key with that name across the octaves.
- White keys are the natural notes C D E F G A B; the black keys are the sharps/flats between them — grouped in 2s and 3s.
- The number after a letter is the octave; the group starting at C4 is middle C. Vol sets volume.
- Keyboard — Tab to a key or control, Enter/Space to activate. Scroll the keys sideways on small screens.
This virtual piano play sounds when pressed and shows you where the notes is on a keyboard across several octaves, as well as name of the notes. Simply click on keys with your trackpad/mouse to play them. It is designed more for reference and learning different than detailed playing. Highlighted notes shows how often a note is played as you go along.
No need to set anything up, just open the widget and interact with controls to find out what they do. The keyboard run across multiple octaves from the lowest C through to the highest C. On smaller screens, those keys off to one side is accessible by scrolling across to them.
How to Use This Virtual Piano
White keys shows their letter names, and C keys has an octave number beside them. Between these natural notes is black keys representing sharps and flats. Tapping any of the keys will light up momentarily and produce a soft sound. The frequency in Hertz along with the full note name are immediately shown in display area. This provide a way for users to link what they’re hearing with standard written form of music.
The row of buttons above keyboard represent all of the unique note names. When you click on one of them, they shows every time that note appear in any of visible octaves. So if you select C, then C3, C4, and C5 will all be highlighted at the same time. It’s a great way to find particular pitches fast amongst overall layout. Highlighting can be removed either by choosing another note or by repeating selection of original note button.
Below the legend states that the white keys are natural notes while the black ones is accidentals. To make it easier to identify which note has been chosen or is being played, bright colors is used.
To the right of control panel is a volume slider. Move it to the right to increase volume, or move it to the left to decrease volume. If you want a bit less volume, this lets you lower it without disturbing others.
Help button toggles a brief guide that walk you through simple controls. Leave it open when getting familiar with interface, but shut it down to have more screen space.
Fullscreen button make the widget take up entire screen. In this view the keys is bigger and it’s easier to read details from afar. Simply tap on the button once more to exit full-screen and go back to standard embedded version.
Experiment with playing octaves of any given note and highlight one at a time to get the full benefit of this little gem. Hear how the pitch alter while retaining the name. Highlighting chords and scale pattern across keyboard helps you see these too. Before practicing on a physical piano, the highlighter will help test your mental image of where keys is located. If you’re curious about sound physics then the frequency read out provides accurate information. It is a versatile tool that would of change to fit your rate of learning and curiosity.
To begin try touching middle C key (C4) which acts as your anchor point. Then choose another note from selection and see what happens as it lights up through keyboard. Turn up/down volume so you’re happy and take time exploring the whole keyboard. Take care to notice every action slowly and you’ll soon get used to it.
The layout of this chart has been created to be easy to use and understand right away. Enjoy the learning journey.