Piano Key Chart for Beginners
Every key labelled · the black keys come in groups of 2 and 3 · tap a key to hear & name it
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 is an interesting interactive piano chart that shows all the notes on the piano and allows you to hear them too, using C4 as a central reference point for reading sheet music. You can play it using either your computer keyboard (for a more tactile experience) or simply tap the keys using your mouse or trackpad. The interface highlights specific notes across the octaves making it easy to follow the repeating patterns up the instrument.
Keyboard This covers an extended set of octaves ranging from a low F up to high E on the keyboard. The white keys are natural notes (C-B) whereas the black keys is flats or sharps. The keys are numbered by their octave, where a 4 after the C indicates middle C, and each key has its note written on it. Scroll across if your display is narrow and you’ll have access to all the notes that is playable.
How to Use the Interactive Piano Chart
Just tap on any black or white key to listen to that note. It’ll show you exactly what the note is called and how many hertz high (or low) it is at the bottom of control panel. It will also make a gentle tone.
If you like you can also play using your computer’s keyboard. Just tab through the controls and select one of the keys. Then hit space bar or enter to sound out that note. This way you don’t have to lift your hands off the desk when you want to practice where fingers goes.
Above the keyboard is a row of buttons that allow you to highlight all occurrences of a particular note. You simply click on one of the buttons (the ones in this set) and it illuminates all the matching notes within the octaves currently visible. So if you select C for example, then all white C keys will be lit up as a visual reference to where these notes is located in relation to each other. It’s useful if you want to get an idea of which notes reappear in higher or lower registers.
As with sharps and flats, the two names are shown because they correspond to the same key on the piano.
The final thing on the control bar is the volume slider. Dragging this left will decrease volume, and dragging it to the right will increase the volume. This is handy if you’re practicing at work or late at night! It also remembers your choice between sessions, saving you from needing to reset every time you visit the page.
To see the keys more clearly, tap the Fullscreen button at the top-right corner of the widget. This will expand it to fill the whole screen. This makes the keys bigger and easier to tap. This is especially useful if you’re viewing this on a phone or tablet with less space available. Tap the same button to leave fullscreen mode and go back to the regular page layout.
If you want a brief refresher of the controls, there’s also a help panel that pops up. To access it, click on the How to play button close to the title. Here you’ll find a brief guide reminding you what the naturals and sharps are, how octaves is numbered, and what options there is for navigating around the keyboard. Simply click the button a second time to remove the help panel and have an uncluttered workspace.
Playing stepwise across the next set of adjacent white keys is a good exercise, especially if you try to stick to playing simple five-finger patterns. As you play, use the highlight function to find every time that note appear, which will also help you recognize it visually. To familiarize yourself with the key placement, you can tap other notes whilst trying to imagine them. It doesn’t need any sheet music for these little exercises but builds up familiarity with where everything on the instrument are placed.
This covers all of the regular piano keys in this range. You will be able to play a melody easily up and down these notes. Tap out the notes slowly until you know where each one is compared to the others and they becomes second nature to you. Use the middle octaves of C4 as your starting point then work towards either end of the keyboard. As you feel more confident start to go faster or jump over some notes in groups of three to create simple chords.
You should of used this more often! With that information, you’re well on your way towards navigating around the piano. That visual labeling along with the sound makes learning note names quick and easy. Take a couple of minutes daily just to tap out a key or two at random and name it until it becomes second nature.
Enjoy!