Finder
Give it all the chords you got.
Keyboard
A midi keyboard to play.
'/%3e%20--%3e%3cpath%20id='key-1'%20d='M66%2032H54C52.8954%2032%2052%2032.8954%2052%2034V126C52%20127.105%2052.8954%20128%2054%20128H70C71.1046%20128%2072%20127.105%2072%20126V94H68C66.8954%2094%2066%2093.1046%2066%2092V32Z'/%3e%3cpath%20id='key-2'%20d='M74%2094V126C74%20127.105%2074.8954%20128%2076%20128H92C93.1046%20128%2094%20127.105%2094%20126V94H90C88.8954%2094%2088%2093.1046%2088%2092V32H80V92C80%2093.1046%2079.1046%2094%2078%2094H74Z'/%3e%3cpath%20id='key-3'%20d='M96%2094V126C96%20127.105%2096.8954%20128%2098%20128H114C115.105%20128%20116%20127.105%20116%20126V32H102V92C102%2093.1046%20101.105%2094%20100%2094H96Z'/%3e%3cpath%20id='key-4'%20d='M132%2032H118V126C118%20127.105%20118.895%20128%20120%20128H136C137.105%20128%20138%20127.105%20138%20126V94H134C132.895%2094%20132%2093.1046%20132%2092V32Z'/%3e%3cpath%20id='key-5'%20d='M140%2094V126C140%20127.105%20140.895%20128%20142%20128H158C159.105%20128%20160%20127.105%20160%20126V94H156C154.895%2094%20154%2093.1046%20154%2092V32H146V92C146%2093.1046%20145.105%2094%20144%2094H140Z'/%3e%3cpath%20id='key-6'%20d='M162%2094V126C162%20127.105%20162.895%20128%20164%20128H180C181.105%20128%20182%20127.105%20182%20126V94H178C176.895%2094%20176%2093.1046%20176%2092V32H168V92C168%2093.1046%20167.105%2094%20166%2094H162Z'/%3e%3cpath%20id='key-7'%20d='M184%2094V126C184%20127.105%20184.895%20128%20186%20128H202C203.105%20128%20204%20127.105%20204%20126V34C204%2032.8954%20203.105%2032%20202%2032H190V92C190%2093.1046%20189.105%2094%20188%2094H184Z'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='2.9375'%20y1='1.875'%20x2='233.998'%20y2='187.619'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF0000'/%3e%3cstop%20offset='1'%20stop-color='%23610000'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Notes
Gotta start somewhere.
Intervals
Moar Intervals?
}%2050%25%20{transform:%20translateY(-20px)}%20100%25%20{transform:%20translateY(0px)}%20}%20@keyframes%20move-2%20{%200%25%20{transform:%20translateY(0px)}%2050%25%20{transform:%20translateY(-40px)}%20100%25%20{transform:%20translateY(0px)}%20}%20@keyframes%20move-3%20{%200%25%20{transform:%20translateY(0px)}%2050%25%20{transform:%20translateY(-60px)}%20100%25%20{transform:%20translateY(0px)}%20}%20%23block-4%20{%20animation:%20move-1%205s%20ease-in-out%20infinite;%20}%20%23block-6%20{%20animation:%20move-2%205s%20ease-in-out%20infinite;%20}%20%23block-8%20{%20animation:%20move-3%205s%20ease-in-out%20infinite;%20}%20/*%20%3c!--%20]]%3e%20--%3e%20*/%20%3c/style%3e%3c!--%20%3crect%20id='background'%20width='256'%20height='160'%20fill='url(%23paint0_linear)'/%3e%20--%3e%3crect%20id='block-8'%20x='200'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-7'%20x='200'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-6'%20x='143'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-5'%20x='143'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-4'%20x='86'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-3'%20x='86'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-2'%20x='24'%20y='86'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3crect%20id='block-1'%20x='24'%20y='116'%20width='32'%20height='20'%20rx='3'%20fill='white'%20fill-opacity='0.25'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='0'%20y1='0'%20x2='251.775'%20y2='-6.3933'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2301A56A'/%3e%3cstop%20offset='1'%20stop-color='%230071B0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Ad
Syntorial
Learn MoreChords
Learn them or something, whatevz...
}%2012.5%25%20{transform:%20scale(1.1)}%2025%25%20{transform:%20scale(1)}%20100%25%20{transform:%20scale(1)}%20}%20@keyframes%20scale-2%20{%200%25%20{transform:%20scale(1)}%2025%25%20{transform:%20scale(1)}%2037.5%25%20{transform:%20scale(1.1)}%2050%25%20{transform:%20scale(1)}%20100%25%20{transform:%20scale(1)}%20}%20@keyframes%20scale-3%20{%200%25%20{transform:%20scale(1)}%2050%25%20{transform:%20scale(1)}%2062.5%25%20{transform:%20scale(1.1)}%2075%25%20{transform:%20scale(1)}%20100%25%20{transform:%20scale(1)}%20}%20@keyframes%20scale-4%20{%200%25%20{transform:%20scale(1)}%2075%25%20{transform:%20scale(1)}%2087.5%25%20{transform:%20scale(1.1)}%20100%25%20{transform:%20scale(1)}%20}%20.chord-1%20{%20transform-origin:%2050%25%2050%25;%20animation:%20scale-1%205s%20ease-in-out%20infinite;%20}%20.chord-2%20{%20transform-origin:%2050%25%2050%25;%20animation:%20scale-2%205s%20ease-in-out%20infinite;%20}%20.chord-3%20{%20transform-origin:%2050%25%2050%25;%20animation:%20scale-3%205s%20ease-in-out%20infinite;%20}%20.chord-4%20{%20animation:%20scale-4%205s%20ease-in-out%20infinite;%20transform-origin:%2050%25%2050%25;%20}%20/*%20]]%3e%20*/%20%3c/style%3e%3c!--%20%3cpath%20fill='url(%23paint0_linear)'%20d='M0%200h256v160H0z'/%3e%20--%3e%3crect%20class='chord-1'%20x='28'%20y='100'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-1'%20x='28'%20y='72'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-1'%20x='28'%20y='45'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-2'%20x='85'%20y='100'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-2'%20x='85'%20y='53'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-2'%20x='85'%20y='28'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='116'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='88'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='56'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-3'%20x='142'%20y='28'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-4'%20x='199'%20y='116'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-4'%20x='199'%20y='72'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3crect%20class='chord-4'%20x='199'%20y='45'%20width='28'%20height='16'%20rx='3'%20fill='%23fff'%20fill-opacity='.2'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='0'%20y1='0'%20x2='257.409'%20y2='2.30019'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%235C01B8'/%3e%3cstop%20offset='1'%20stop-color='%232C00DD'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Scales
slimy and sticky and icky...
'/%3e%20--%3e%3crect%20id='key-1'%20x='30'%20y='120'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-2'%20x='58'%20y='104'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-3'%20x='86'%20y='88'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-4'%20x='114'%20y='72'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-5'%20x='142'%20y='56'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-6'%20x='170'%20y='40'%20width='28'%20height='16'%20rx='3'/%3e%3crect%20id='key-7'%20x='198'%20y='24'%20width='28'%20height='16'%20rx='3'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear'%20x1='2.9375'%20y1='1.875'%20x2='233.998'%20y2='187.619'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B900BD'/%3e%3cstop%20offset='1'%20stop-color='%23B40056'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Circle of 5ths
Around we go...
Fingers
Getting your digits dirty.
'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e%3c!--%20%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%20256%20160'%3e%3cpath%20stroke='hsla(0,%20100%25,%20100%25,%200.5)'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M130%20113s0-12-15.5-15c0%200%206.8.7%2011%200%209-1.5%2010.5-13.5%203.5-13.5h-23M149%2061V47c0-10%2012.5-10%2012.5%200%200%200%201.5%2039.5%200%2054S151%20132.5%20129%20132.5s-30.9-14-33.5-24.5c-1.6-6.2-1.5-9.1-1.5-15.5%200-9.5%2012-8%2012-8M149%2061v22.5c0%2012-15%2011.5-15%201v-9M149%2061c0-11-15-12-15%200m0%200v14.5m0-14.5v-9.5c0-12-14.5-9.8-14.5%200m14.5%2024c0%2010-14.5%2010-14.5%200v-24m0%200v-17c0-10-13.5-10-13.5%200v50'/%3e%3c/svg%3e%20--%3e)
Modes
How to get around.
'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(64%2064)%20rotate(180)%20scale(64.5%2079.3883)'%3e%3cstop%20stop-color='%23C9C9C9'/%3e%3cstop%20offset='1'%20stop-color='%23292929'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e)