The color piano is a simple web app that is designed to help beginner musicians learn musical intervals. This is a front-end application, with HTML, CSS, and JS authored by me by modifying open source code.

The keys can be played via the mouse or the keyboard, and each 2 keys in succession will display the associated interval at the bottom of the screen.

In addition, the background color of the page will change to reflect the key played, or a halfway point between the previous color and the current color. You can reset the color by playing the same note twice!

Check out the color piano here!