CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Theory | Chromatone.center</title> <meta name="description" content="All the knowledge of music becoming visible with the simple color coding system"> <meta name="generator" content="VitePress v2.0.0-alpha.2"> <link rel="preload stylesheet" href="/assets/style.BEclUdhY.css" as="style"> <link rel="preload stylesheet" href="/vp-icons.css" as="style"> <script type="module" src="/assets/app.DWZmocm7.js"></script> <link rel="modulepreload" href="/assets/chunks/theme.CwHwVffe.js"> <link rel="modulepreload" href="/assets/chunks/framework.D01lOa8K.js"> <link rel="modulepreload" href="/assets/theory_index.md.Dck90OH8.lean.js"> <meta property="og:type" content="website"> <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent"> <meta name="mobile-web-app-capable" content="yes"> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <link rel="alternate" type="application/rss+xml" href="/feed.rss"> <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script> <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script> <script async defer data-website-id="165ab64e-7686-4726-8013-3fa8340dccef" src="https://stats.chromatone.center/script.js"></script> <link rel="icon" type="image/svg+xml" href="https://chromatone.center/media/logo/click-logo.svg"> <meta name="author" content="davay42"> <meta name="keywords" content="color, music, stickers, posters, theory, webapp, science"> <meta name="theme-color" content="#cccccc"> <meta property="og:title" content="Theory | Chromatone.center"> <meta property="og:description" content="All the knowledge of music becoming visible with the simple color coding system"> <meta property="og:url" content="https://chromatone.center/theory/"> <meta property="og:image" content="https://chromatone.center/media_files/cover/theory-manuel-nageli.jpg"> <meta name="twitter:title" content="Theory | Chromatone.center"> <meta name="twitter:description" content="All the knowledge of music becoming visible with the simple color coding system"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@davay42"> <meta name="twitter:creator" content="@davay42"> <meta name="twitter:image" content="https://chromatone.center/media_files/cover/theory-manuel-nageli.jpg"> <meta http-equiv="Permissions-Policy" content="microphone=src"> <link rel="manifest" href="/manifest.webmanifest"> </head> <body> <div id="app"><a class="top-16px left-2 fixed z-1000 cursor-pointer mr-3 op-40 hover-op-100 transition" href="/"><img class="h-30px" src="https://chromatone.center/media/logo/smooth.svg" alt="Chromatone logo"></a><nav class="bar" data-v-d4076d3d><a href="/" aria-label="Back to main page" data-v-d4076d3d><img class="cursor-pointer mt-3 mb-2 w-10" src="https://chromatone.center/media/logo/smooth.svg" alt="Chromatone logo" title="Chromatone" data-v-d4076d3d></a><button class="active" title="Theory" aria-label="Toggle theory navigation panel" data-v-d4076d3d><div class="i-la-book" data-v-d4076d3d></div></button><button class="" title="Practice" aria-label="Toggle practice navigation panel" data-v-d4076d3d><div class="i-la-hand-point-up" data-v-d4076d3d></div></button><div class="spacer" data-v-d4076d3d></div><button title="Search" class="" aria-label="Toggle search panel" data-v-d4076d3d><div class="i-la-search" data-v-d4076d3d></div></button><div class="spacer" data-v-d4076d3d></div><a class="button" title="Shop" href="/shop/" aria-label="Shop" data-v-d4076d3d><div class="i-la-shopping-bag" data-v-d4076d3d></div></a><a class="button" title="tutor" href="/tutor/" aria-label="Tutorship" data-v-d4076d3d><div class="i-la-chalkboard-teacher" data-v-d4076d3d></div></a><a class="button" title="Projects" href="/projects/" aria-label="Projects" data-v-d4076d3d><div class="transition scale-100 hover-op-100 op-70 i-la-layer-group" data-v-d4076d3d></div></a><div class="flex-auto" data-v-d4076d3d></div><div class="spacer" data-v-d4076d3d></div><button class="rounded-full scale-80 border-3 h-12 w-12" aria-label="Toggle synth panel" style="border-color:hsla(0,100%,32%,1);" data-v-d4076d3d><div class="-mt-2px text-lg" data-v-d4076d3d>A</div></button><button class="scale-80 rounded-lg flex flex-col gap-1 border-3 h-12 relative" aria-label="Toggle transport panel" style="border-color:hsla(0,100%,32%,1);" data-v-d4076d3d><div class="i-mdi-metronome -mt-6px mb-4px" data-v-d4076d3d></div><div class="absolute text-xs -bottom-2px" data-v-d4076d3d>100</div></button><button class="" aria-label="Toggle audio input/output panel" style="color:;" data-v-d4076d3d><div class="i-la-microphone" data-v-d4076d3d></div></button><div class="spacer" data-v-d4076d3d></div><button class="" aria-label="Toggle screen drawing" data-v-d4076d3d><div class="i-carbon-pen" data-v-d4076d3d></div></button><button class="p-2 text-xl" aria-label="Toggle dark mode" data-v-d4076d3d><div class="i-carbon-moon" style="display:none;"></div><div class="i-carbon-sun" style=""></div></button><button aria-label="Fullscreen toggle" data-v-d4076d3d><div class="i-la-expand"></div></button></nav><div class="fixed z-1800 bottom-0 flex left-0 right-0 pointer-events-none px-4 pb-1"><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div><div class="flex-1 rounded-lg h-2 transition-all duration-100ms ease-out opacity-100" style="background-color:#eee2;"></div></div><div style="margin-left:48px;" class="main"><main class="w-full relative flex flex-col" id="content"><div class="header has-cover" style="background-color:hsl(342, 23%, 61%);" data-v-5a42a25c><div class="cover" style="background-image:url(manuel-nageli.jpg);background-color:hsl(342, 23%, 61%);" data-v-5a42a25c></div><div class="w-full max-w-60ch flex flex-wrap items-stretch justify-start gap-2"><a class="text-xl transition rounded-lg no-underline flex items-center p-3 bg-light-300 bg-opacity-70 dark-bg-dark-100 dark-bg-opacity-70 hover-bg-light-100 hover-dark-bg-dark-100 opacity-60 hover-opacity-85" href="/"><span class="font-normal">Chromatone</span></a></div><div class="meta" style="border-color:hsl(342, 23%, 61%);" data-v-5a42a25c><div class="text-2xl md-text-3xl font-bold flex flex-wrap items-center" data-v-5a42a25c><div class="mr-0" data-v-5a42a25c>Theory</div><div class="flex-1" data-v-5a42a25c></div></div><div class="mt-0 mb-0" data-v-5a42a25c>All the knowledge of music becoming visible with the simple color coding system</div></div></div><div class="relative flex flex-col items-stretch w-full flex-auto"><div style="position:relative;" class="content flex-auto z-10"><div><blockquote><p><strong>Chroma</strong> - from Greek <strong>khrōma</strong> - "surface of the body, skin, color of the skin," also used generically for "color"</p></blockquote><p> +</p><blockquote><p><strong>Tone</strong> - from Greek <strong>tonos</strong> "vocal pitch, raising of voice, accent, key in music," originally "a stretching, tightening, taut string".</p></blockquote><p>Welcome to the main research hub for establishing the Chromatone interpretation of basic and profound music theory concepts.</p><p>We start from the very beginning - the physical world around us and the ways we can perceive and interpret it. What is <a href="./color/">Light and Color</a> and how do we see it? What is <a href="./sound/">Sound</a> and how do we hear it? This gives us the firm foundation for building more and more intricate structures on top of it.</p><p>Some sounds are more musical than others and we soon find the importance of their frequency profile. <a href="./notes/">Notes</a> are born from distinguishing particular sound pitches. And then all the combinations arise.</p><p>Two notes form <a href="./intervals/">Intervals</a> and three or more of them from <a href="./chords/">Chords</a>. If there's too many sounds to be played simultaneously, but still they have pleasant relations to one another, we talk about <a href="./scales/">Scales</a>.</p><p>Then we start organizing all these sound structures in time based on <a href="./rhythm/">Rhythm</a> and dive deep into <a href="./harmony/">Harmony</a> and <a href="./melody/">Melody</a> that evolve naturally to the whole <a href="./composition/">Composition</a> level.</p><p>There's quite a deep research here, and there's more <a href="./resources/">External resources</a> to explore for those, who needs to learn even more about music theory themselves.</p></div></div><div class="flex flex-wrap max-w-full mx-1 md-mx-2 gap-4 my-4 px-2 my-2"><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/color/" i="0" total="14"><div class="header row pt-30" style="border-color:hsl(342, 23%, 61%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/color/" style="background-image:url(/media_files/cover/theory-color-evie-s.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/color/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Color</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>4</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>The features of human light perception and modern color theory</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/sound/" i="1" total="14"><div class="header row pt-30" style="border-color:hsl(3, 24%, 61%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/sound/" style="background-image:url(/media_files/cover/theory-sound-waves.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/sound/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Sound</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>5</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>The ingenious hearing system and its medium</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/interplay/" i="2" total="14"><div class="header row pt-30" style="border-color:hsl(20, 25%, 57%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/interplay/" style="background-image:url(/media_files/cover/theory-interplay-logo.svg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/interplay/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Modal interplay</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>3</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Exploring the physical, physiological, neurological and psychological links between sight and hearing – the two main modalities of human perception.</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/rhythm/" i="3" total="14"><div class="header row pt-30" style="border-color:hsl(36, 22%, 53%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/rhythm/" style="background-image:url(/media_files/cover/theory-rhythm-brent-ninaber.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/rhythm/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Rhythm</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>7</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Musical exploration of time</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/notes/" i="4" total="14"><div class="header row pt-30" style="border-color:hsl(59, 15%, 50%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/notes/" style="background-image:url(/media_files/cover/theory-notes-Grand_staff.svg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/notes/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Notes</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>8</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Historical and cultorological research on different notation systems</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/intervals/" i="5" total="14"><div class="header row pt-30" style="border-color:hsl(96, 14%, 52%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/intervals/" style="background-image:url(/media_files/cover/theory-intervals-guang-yang.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/intervals/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Intervals</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>7</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Different kinds of relations between two notes</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/chords/" i="6" total="14"><div class="header row pt-30" style="border-color:hsl(141, 16%, 53%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/chords/" style="background-image:url(/media_files/cover/theory-chords-am7-res.svg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/chords/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Chords</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>5</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Harmonic sets of pitches/frequencies consisting of multiple notes that are heard as if sounding simultaneously</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/scales/" i="7" total="14"><div class="header row pt-30" style="border-color:hsl(167, 21%, 51%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/scales/" style="background-image:url(/media_files/cover/theory-scales-gray-notes.svg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/scales/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Scales</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>8</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>A scale is a subset of 12 chromatic pitches</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/harmony/" i="8" total="14"><div class="header row pt-30" style="border-color:hsl(185, 24%, 51%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/harmony/" style="background-image:url(/media_files/cover/theory-harmony-omar-flores.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/harmony/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Harmony</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>11</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Chord progressions and accompaniment</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/melody/" i="9" total="14"><div class="header row pt-30" style="border-color:hsl(198, 28%, 54%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/melody/" style="background-image:url(/media_files/cover/theory-melody-ani-adigyozalyan.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/melody/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Melody</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>6</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Combinations of pitch and rhythm</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/composition/" i="10" total="14"><div class="header row pt-30" style="border-color:hsl(211, 28%, 59%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/composition/" style="background-image:url(/media_files/cover/theory-composition-dayne-topkin.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/composition/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Composition</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>8</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>The act of conceiving a piece of music, the art of creating music, or the finished product</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/synthesis/" i="11" total="14"><div class="header row pt-30" style="border-color:hsl(234, 21%, 62%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/synthesis/" style="background-image:url(/media_files/cover/theory-synthesis-35-54d35.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/synthesis/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Synthesis</span><div class="flex-1" data-v-bcba4e81></div><span data-v-bcba4e81>6</span></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Ways to generate musical sounds out of electric oscillations</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/glossary/" i="12" total="14"><div class="header row pt-30" style="border-color:hsl(273, 17%, 61%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/glossary/" style="background-image:url(/media_files/cover/theory-glossary-tom-hermans.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/glossary/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>Musical Glossary</span><div class="flex-1" data-v-bcba4e81></div></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>List of terms used in modern music conversations</div></a></div></div><div class="flex items-stretch" style="flex:1 1 240px;" id="/theory/resources/" i="13" total="14"><div class="header row pt-30" style="border-color:hsl(316, 18%, 60%);" data-v-bcba4e81><div class="flex gap-2 absolute top-4 right-4 text-xl z-100" data-v-bcba4e81></div><a class="cover bg-center" href="/theory/resources/" style="background-image:url(/media_files/cover/theory-resources-ugur-akdemir.jpg);" data-v-bcba4e81></a><a class="info flex-1 no-underline" href="/theory/resources/" data-v-bcba4e81><div class="flex items-center w-full" data-v-bcba4e81><div class="mt-0 flex items-center w-full" data-v-bcba4e81><span class="text-xl font-bold" data-v-bcba4e81>External resources</span><div class="flex-1" data-v-bcba4e81></div></div><div class="flex-1" data-v-bcba4e81></div></div><div class="text-md mt-4 mb-2 font-normal w-full flex-1" data-v-bcba4e81>Links to some valuable information on music and color theory and more</div></a></div></div></div></div><div class="flex flex-wrap gap-2 p-2 mt-8" style="border-color:hsla(342, 18%, 50%, 0.9);" data-v-e8617bae><a class="pad" style="flex:1 1;background-color:hsla(13, 21%, 48%, 0.8);background-image:url(/media_files/cover/practice-soundtrap.jpg);" href="/practice/" data-v-e8617bae><div class="link" data-v-e8617bae><span class="text -mt-1" data-v-e8617bae>Practice</span><div class="i-la-angle-double-right icon icon-next" data-v-e8617bae></div></div></a></div><div class="bg-dark-100 bg-op-30 dark-bg-dark-800 p-4 md-p-8 w-full flex dark-text-light-900 pb-6 items-center gap-2 flex-wrap"><a class="no-underline flex items-center gap-4" href="/"><img class="w-6" src="https://chromatone.center/media/logo/smooth.svg" alt="Chromatone logo" title="Chromatone"><div class="text-lg font-bold mr-2">Chromatone </div></a><a class="no-underline text-xl flex gap-1 items-center" href="https://instagram.com/chromatone.center/" target="_blank"><div class="i-la-instagram -mb-1"></div></a><a class="no-underline flex items-center" href="/feed.rss" target="_blank"><div class="i-la-rss -mb-1"></div></a><div class="flex-1"></div><a class="no-underline flex items-center" href="https://github.com/chromatone/chromatone.center/tree/master/content/theory/" target="_blank"><div class="i-la-edit"></div></a><a class="no-underline flex items-center" href="https://github.com/chromatone/chromatone.center/issues/new?title=Theory&body=Issue at /theory/" target="_blank"><div class="i-la-exclamation-circle"></div></a><div class="text-sm mx-2">MIT © 2017-Present </div><a class="no-underline flex gap-1 items-center" href="https://github.com/chromatone/chromatone.center/releases" target="_blank"><div class="text-sm">v.3.0.2</div></a><a class="no-underline text-xl flex gap-1 items-center" href="https://github.com/chromatone/" target="_blank"><div class="i-la-github"></div></a></div></main></div></div> <script>window.__VP_HASH_MAP__=JSON.parse("{\"404.md\":\"BgXIf0YG\",\"academy_index.md\":\"BPt84erm\",\"contacts_index.md\":\"C0ymZz1Z\",\"index.md\":\"Buu7SVmx\",\"practice_chord_array_index.md\":\"CCOwRdoJ\",\"practice_chord_chord-sheets_index.md\":\"CPU1ES0C\",\"practice_chord_fifths_index.md\":\"BpqGAa8x\",\"practice_chord_index.md\":\"DvkiIHaS\",\"practice_chord_modes_index.md\":\"C-_6ss3u\",\"practice_chord_progressions_index.md\":\"DjVsRG2k\",\"practice_chord_real-book_index.md\":\"qB2boJy4\",\"practice_chord_sequencer_index.md\":\"DAqOTui7\",\"practice_chord_tabs_index.md\":\"t0NxZZkQ\",\"practice_chroma_compass_index.md\":\"CTV0irne\",\"practice_chroma_gram_index.md\":\"DT9ealxh\",\"practice_chroma_grid_index.md\":\"kK44fm0l\",\"practice_chroma_hand_index.md\":\"tae2V5Wd\",\"practice_chroma_index.md\":\"D5Kii_wA\",\"practice_chroma_palette_feedback_index.md\":\"CXmkfuy9\",\"practice_chroma_palette_index.md\":\"CM677F4a\",\"practice_chroma_profile_index.md\":\"9X98pjA4\",\"practice_chroma_see_index.md\":\"KCE-cqfc\",\"practice_chroma_shader_index.md\":\"CrsXA1Eo\",\"practice_chroma_touch_index.md\":\"KjeIxS3h\",\"practice_chroma_waveform_index.md\":\"1YK2dyFd\",\"practice_color_cmyk_index.md\":\"1lZYRKoA\",\"practice_color_hsl_index.md\":\"DwljmtJr\",\"practice_color_index.md\":\"zb7sXa-E\",\"practice_color_lab_index.md\":\"CJC48e74\",\"practice_color_mix_index.md\":\"D1AjL7gT\",\"practice_color_palette_index.md\":\"Bwl9rU-s\",\"practice_color_rgb_index.md\":\"B3W3y5rq\",\"practice_experiments_dev_index.md\":\"xRj6Fzxx\",\"practice_experiments_draw_index.md\":\"Cj5fAL3J\",\"practice_experiments_elementary_index.md\":\"BNKl-ob1\",\"practice_experiments_extract_index.md\":\"DDkjteOD\",\"practice_experiments_index.md\":\"KJ8WaoVw\",\"practice_experiments_lab_index.md\":\"DoQ_wg1-\",\"practice_experiments_moire_index.md\":\"DniK2vAI\",\"practice_experiments_p2p_index.md\":\"BoXTCukn\",\"practice_experiments_pianolizer_index.md\":\"CxD5ImJA\",\"practice_experiments_pixel-sort_index.md\":\"CTc9xb4I\",\"practice_experiments_polymeter_index.md\":\"CGSZ6v01\",\"practice_experiments_rows_index.md\":\"CJRlfs1A\",\"practice_experiments_sensors_index.md\":\"BJI4ucem\",\"practice_experiments_simplex_index.md\":\"C67t-bZb\",\"practice_external_index.md\":\"DcfkBbZC\",\"practice_generative_ambience_index.md\":\"Cdtup2O1\",\"practice_generative_bounce_index.md\":\"DOZfjjHf\",\"practice_generative_index.md\":\"9bnNaae0\",\"practice_generative_matter_index.md\":\"BQ2HEVsT\",\"practice_generative_numbers_index.md\":\"Cz0P4XDt\",\"practice_generative_pendulums_index.md\":\"DaxyunZm\",\"practice_generative_words_index.md\":\"9N0aBqUz\",\"practice_index.md\":\"CmAAZmqA\",\"practice_jam_index.md\":\"D12PZbIy\",\"practice_jam_random_index.md\":\"CT1mDFEO\",\"practice_jam_session_index.md\":\"B8u9xCdQ\",\"practice_jam_table_index.md\":\"D_KC6Coq\",\"practice_midi_grid_index.md\":\"B1d4wWbf\",\"practice_midi_index.md\":\"64qBr2J4\",\"practice_midi_ios_index.md\":\"BFyoI1uy\",\"practice_midi_keys_index.md\":\"tkp3e3vh\",\"practice_midi_log_index.md\":\"PD3TLVT2\",\"practice_midi_monitor_index.md\":\"C1P0RLzL\",\"practice_midi_radar_index.md\":\"CvXOqevX\",\"practice_midi_recorder_index.md\":\"B0KhvWJQ\",\"practice_midi_roll_index.md\":\"pgWQvNHT\",\"practice_midi_router_index.md\":\"Btnj87H8\",\"practice_midi_visualizer_index.md\":\"Bhk_lzqM\",\"practice_pitch_drone_index.md\":\"UR5iN37V\",\"practice_pitch_fretboard_index.md\":\"yUb-98qQ\",\"practice_pitch_index.md\":\"gsm1BNoc\",\"practice_pitch_roll_index.md\":\"X3Qu6ZmA\",\"practice_pitch_spectrogram_index.md\":\"uMObtWVW\",\"practice_pitch_table_index.md\":\"BqdACkmK\",\"practice_pitch_tuner_index.md\":\"DRu-YfGS\",\"practice_rhythm_bars_index.md\":\"DpNVq1dV\",\"practice_rhythm_circle_index.md\":\"X7lUyID-\",\"practice_rhythm_drum-machine_index.md\":\"Bc50gqDp\",\"practice_rhythm_index.md\":\"Qn7wycTS\",\"practice_rhythm_rudiments_index.md\":\"W9_W624Z\",\"practice_rhythm_time_index.md\":\"D-NYSVEs\",\"practice_rhythm_wheel_index.md\":\"-bbJjMiz\",\"practice_scale_chords_index.md\":\"DNQhZ0Z7\",\"practice_scale_index.md\":\"DM2AZ3zR\",\"practice_scale_list_index.md\":\"D5BeQY5u\",\"practice_scale_raga_index.md\":\"OZmlG9-L\",\"practice_sequencing_ambience_index.md\":\"CP88rjuR\",\"practice_sequencing_bounce_index.md\":\"DdS55x-K\",\"practice_sequencing_grid_index.md\":\"BthcWl0d\",\"practice_sequencing_index.md\":\"D0aI_E1F\",\"practice_sequencing_matter_index.md\":\"Vy37d7XW\",\"practice_sequencing_numbers_index.md\":\"B9p0L_uJ\",\"practice_sequencing_pendulums_index.md\":\"285AH0Pg\",\"practice_sequencing_sequencer_index.md\":\"t7sqn7-k\",\"practice_sequencing_words_index.md\":\"BLxTzYuL\",\"practice_sequencing_zzfxm_index.md\":\"DfNmuvUW\",\"practice_sound_dissonance_index.md\":\"CAE1f6Z6\",\"practice_sound_index.md\":\"B49sgovB\",\"practice_sound_loudness_index.md\":\"CEpTSldM\",\"practice_sound_mic_index.md\":\"DO1UeDRA\",\"practice_sound_monochord_index.md\":\"CCPPo675\",\"practice_sound_overtones_index.md\":\"DlTYwUVn\",\"practice_synth_amy_index.md\":\"CMrsqH3s\",\"practice_synth_amy_readme.md\":\"3BcyeUSN\",\"practice_synth_chuck_index.md\":\"DCXSw8VI\",\"practice_synth_elementary_index.md\":\"UZIO5DRN\",\"practice_synth_elements_index.md\":\"Cd9IUG0A\",\"practice_synth_index.md\":\"CQO0KoyJ\",\"practice_synth_karplus-strong_index.md\":\"UddoWH9Y\",\"practice_synth_noise_index.md\":\"D9Au987_\",\"practice_synth_snippets.md\":\"BVdcaB_F\",\"practice_synth_soundfont_index.md\":\"DqLUOCPN\",\"practice_synth_zzfx_index.md\":\"DU1LJzp_\",\"practice_visual_hydra_index.md\":\"CARMynd3\",\"practice_visual_index.md\":\"V2CbBfFD\",\"practice_visual_paper_index.md\":\"pDM9D2mF\",\"projects_index.md\":\"D3yJXmOk\",\"school_index.md\":\"DVYDrKBC\",\"shop_index.md\":\"Db3PVcNC\",\"support_index.md\":\"Bxs3vhJD\",\"theory_chords_clusters_index.md\":\"DdYHHwio\",\"theory_chords_index.md\":\"BKAJSZH2\",\"theory_chords_more_index.md\":\"DF-XUeTw\",\"theory_chords_pentads_index.md\":\"DKHmYKnr\",\"theory_chords_tetrads_index.md\":\"Svk8GyYr\",\"theory_chords_triads_index.md\":\"CxX-deTg\",\"theory_color_index.md\":\"DEwYqnNf\",\"theory_color_light_em-field_index.md\":\"BCZC04fe\",\"theory_color_light_em-waves_index.md\":\"Cn-xJor9\",\"theory_color_light_index.md\":\"DcaTKvLR\",\"theory_color_light_spectrum_index.md\":\"CuJPaCkd\",\"theory_color_light_sun_index.md\":\"9VfgPo_H\",\"theory_color_models_additive_index.md\":\"D1xt4UhY\",\"theory_color_models_index.md\":\"CdLRPyM7\",\"theory_color_models_perceptual_index.md\":\"BWa7VSny\",\"theory_color_models_subtractive_index.md\":\"CMth-f-4\",\"theory_color_names_index.md\":\"BF-uk1Eu\",\"theory_color_perception_index.md\":\"TXGXoy2x\",\"theory_composition_composers_index.md\":\"CYskpQeO\",\"theory_composition_electronic_index.md\":\"NDemEJY_\",\"theory_composition_form_index.md\":\"DpMN26a7\",\"theory_composition_generative_index.md\":\"D9waJyMU\",\"theory_composition_index.md\":\"DhY8Uz-h\",\"theory_composition_serialism_index.md\":\"sVtJNAfQ\",\"theory_composition_song_index.md\":\"CQVrUstI\",\"theory_composition_sound-painting_index.md\":\"xqTyIVWq\",\"theory_composition_texture_index.md\":\"DTTv14lu\",\"theory_glossary_index.md\":\"DErjdQZI\",\"theory_harmony_chord-scale_index.md\":\"BgY6sDG8\",\"theory_harmony_index.md\":\"D3PPPqwj\",\"theory_harmony_modal_index.md\":\"DkA7lSHv\",\"theory_harmony_modulation_index.md\":\"Dhb86Awl\",\"theory_harmony_movement_index.md\":\"DFWrs1iC\",\"theory_harmony_non-chord_index.md\":\"CYYXpwKV\",\"theory_harmony_polytonality_index.md\":\"BTOJWArw\",\"theory_harmony_quartal_index.md\":\"D98q2Efi\",\"theory_harmony_reharmonization_index.md\":\"CLlrjqIF\",\"theory_harmony_study_index.md\":\"BcTu-Q8i\",\"theory_harmony_sub-saharan_index.md\":\"B2mgewaT\",\"theory_harmony_tonal_index.md\":\"C4qPoYVe\",\"theory_index.md\":\"Dck90OH8\",\"theory_interplay_index.md\":\"4qFKsmUs\",\"theory_interplay_spectrum_index.md\":\"CNbKfjfK\",\"theory_interplay_synesthesia_index.md\":\"WCgc-beK\",\"theory_interplay_visual-music_index.md\":\"9AG9fAj3\",\"theory_intervals_cycles_index.md\":\"D1_p-sVH\",\"theory_intervals_dissonance_index.md\":\"GtsTB1pV\",\"theory_intervals_emancipation_index.md\":\"DsvFnidD\",\"theory_intervals_fifth-fourth_index.md\":\"Du6XPt7z\",\"theory_intervals_index.md\":\"C6ajuimi\",\"theory_intervals_second-seventh_index.md\":\"Cd2sirj4\",\"theory_intervals_third-sixth_index.md\":\"DVybnM1F\",\"theory_intervals_unison-octave_index.md\":\"Ct5zHXFp\",\"theory_melody_articulation_index.md\":\"KRa3rjyc\",\"theory_melody_drone_index.md\":\"FwbZ6uOV\",\"theory_melody_index.md\":\"B2g47mDj\",\"theory_melody_motif_index.md\":\"B7UqxRaZ\",\"theory_melody_motion_index.md\":\"DmGVmdI3\",\"theory_melody_singing_index.md\":\"d91O3fXn\",\"theory_melody_study_index.md\":\"DFYAu_sC\",\"theory_notes_alternative_bilinear_index.md\":\"0_gX0W7t\",\"theory_notes_alternative_chromatic-staff_index.md\":\"BVYIfG7R\",\"theory_notes_alternative_dodeka_index.md\":\"CMw75I4X\",\"theory_notes_alternative_index.md\":\"Ds77WrT0\",\"theory_notes_alternative_integer_index.md\":\"C5Y86GcX\",\"theory_notes_alternative_klavar_index.md\":\"BRyxu1RK\",\"theory_notes_alternative_numbered_index.md\":\"C7h2GuNd\",\"theory_notes_alternative_parsons_index.md\":\"Bot5GnNu\",\"theory_notes_alternative_scientific_index.md\":\"CwR_gT-1\",\"theory_notes_alternative_tabulature_index.md\":\"CGx7Qn-S\",\"theory_notes_color_index.md\":\"2AbTHHqJ\",\"theory_notes_computer_abc_index.md\":\"CKY6VdKe\",\"theory_notes_computer_index.md\":\"DMUU7ydg\",\"theory_notes_computer_midi_index.md\":\"DjGU-L2X\",\"theory_notes_computer_piano-roll_index.md\":\"BpPN8BQQ\",\"theory_notes_computer_ring-tone_index.md\":\"CRiYvMZx\",\"theory_notes_ear-traning_absolute-pitch_index.md\":\"BTYr4a9j\",\"theory_notes_ear-traning_eguchi_index.md\":\"XqMgvtLg\",\"theory_notes_ear-traning_index.md\":\"BlikFVht\",\"theory_notes_ear-traning_reference-songs_index.md\":\"inkJ3ZJc\",\"theory_notes_index.md\":\"BTFKTPs-\",\"theory_notes_national_index.md\":\"BLHz51M7\",\"theory_notes_solmization_index.md\":\"CZggThV6\",\"theory_notes_staff_evolution_index.md\":\"THiUvW1c\",\"theory_notes_staff_index.md\":\"CBybm-Y6\",\"theory_notes_staff_real-book_index.md\":\"B93GAELA\",\"theory_notes_staff_sight-reading_index.md\":\"Cu4nXK5a\",\"theory_notes_temperaments_equal_index.md\":\"cifOOOT2\",\"theory_notes_temperaments_index.md\":\"0RL4VfON\",\"theory_notes_temperaments_just_index.md\":\"h4y15cWL\",\"theory_notes_temperaments_pythagorean_index.md\":\"CLqPwGli\",\"theory_notes_temperaments_tunings_index.md\":\"B7g_dC_H\",\"theory_resources_index.md\":\"CjqT-c32\",\"theory_rhythm_counting_index.md\":\"Bic3TTUd\",\"theory_rhythm_groove_index.md\":\"B9WS-AGv\",\"theory_rhythm_index.md\":\"KLHbNkvG\",\"theory_rhythm_meter_complex_index.md\":\"leCpsDkl\",\"theory_rhythm_meter_compound_index.md\":\"CyW5vjMT\",\"theory_rhythm_meter_index.md\":\"D6506NYi\",\"theory_rhythm_meter_simple_index.md\":\"CcTcABEC\",\"theory_rhythm_meter_time_index.md\":\"WLKHOXoM\",\"theory_rhythm_pulse_index.md\":\"Dzduk6g6\",\"theory_rhythm_rudiments_index.md\":\"BicJaYPS\",\"theory_rhythm_study_index.md\":\"BZWXMEmn\",\"theory_rhythm_system_balkan_index.md\":\"CesltjCa\",\"theory_rhythm_system_clave_index.md\":\"DsWa8vgr\",\"theory_rhythm_system_crossbeat_gnawa_index.md\":\"DXGVBoVn\",\"theory_rhythm_system_crossbeat_index.md\":\"BB2hREXO\",\"theory_rhythm_system_euclidean_index.md\":\"tDckivse\",\"theory_rhythm_system_flamenco_index.md\":\"4-UAuyvk\",\"theory_rhythm_system_index.md\":\"DuKeTPol\",\"theory_rhythm_system_tala_index.md\":\"DyrAv1IL\",\"theory_rhythm_system_turkish_index.md\":\"DvzPPC4x\",\"theory_scales_degrees_index.md\":\"BpUG8gp1\",\"theory_scales_diatonic_index.md\":\"D8rEKF_v\",\"theory_scales_double_index.md\":\"Lxz7Qkon\",\"theory_scales_index.md\":\"C1k6Dsrm\",\"theory_scales_melodic_index.md\":\"C1Js937i\",\"theory_scales_pentatonic_index.md\":\"C9pWPUkw\",\"theory_scales_raga_index.md\":\"DcQmeW6_\",\"theory_scales_study_index.md\":\"BWKEVfF0\",\"theory_scales_symmetrical_index.md\":\"CFOnvHzg\",\"theory_sound_hearing_index.md\":\"DNiyzq62\",\"theory_sound_index.md\":\"p2nTPCk0\",\"theory_sound_nature_index.md\":\"Bkm6UDFU\",\"theory_sound_pitch_index.md\":\"WS7aI6ao\",\"theory_sound_psychoacoustics_illusions_index.md\":\"Bvj_puKH\",\"theory_sound_psychoacoustics_index.md\":\"o3JbmXTV\",\"theory_sound_timbre_index.md\":\"GpwRRSqF\",\"theory_synthesis_audio-programming_index.md\":\"D9SyuQ3B\",\"theory_synthesis_distortion_index.md\":\"BCtxg8BV\",\"theory_synthesis_index.md\":\"3P0Yzi3h\",\"theory_synthesis_karplus-strong_index.md\":\"DDeNrnaz\",\"theory_synthesis_modulation_index.md\":\"CdfyQ8X4\",\"theory_synthesis_osc-sync_index.md\":\"WYBj-oWt\",\"theory_synthesis_spectral_index.md\":\"xp1ueT5N\",\"tutor_index.md\":\"isOvhjBV\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en\",\"dir\":\"ltr\",\"title\":\"Chromatone\",\"titleTemplate\":\"Chromatone.center\",\"description\":\"Visual music language\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" viewBox=\\\"0 0 448 512\\\"><title>RSS</title><path d=\\\"M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM112 416c-26.51 0-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48s-21.49 48-48 48zm157.533 0h-34.335c-6.011 0-11.051-4.636-11.442-10.634c-5.214-80.05-69.243-143.92-149.123-149.123c-5.997-.39-10.633-5.431-10.633-11.441v-34.335c0-6.535 5.468-11.777 11.994-11.425c110.546 5.974 198.997 94.536 204.964 204.964c.352 6.526-4.89 11.994-11.425 11.994zm103.027 0h-34.334c-6.161 0-11.175-4.882-11.427-11.038c-5.598-136.535-115.204-246.161-251.76-251.76C68.882 152.949 64 147.935 64 141.774V107.44c0-6.454 5.338-11.664 11.787-11.432c167.83 6.025 302.21 141.191 308.205 308.205c.232 6.449-4.978 11.787-11.432 11.787z\\\" fill=\\\"currentColor\\\"></path></svg>\"},\"link\":\"https://chromatone.center/feed.rss\",\"ariaLabel\":\"RSS\"},{\"icon\":{\"svg\":\"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" viewBox=\\\"0 0 448 512\\\"><title>RSS</title><path d=\\\"M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM112 416c-26.51 0-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48s-21.49 48-48 48zm157.533 0h-34.335c-6.011 0-11.051-4.636-11.442-10.634c-5.214-80.05-69.243-143.92-149.123-149.123c-5.997-.39-10.633-5.431-10.633-11.441v-34.335c0-6.535 5.468-11.777 11.994-11.425c110.546 5.974 198.997 94.536 204.964 204.964c.352 6.526-4.89 11.994-11.425 11.994zm103.027 0h-34.334c-6.161 0-11.175-4.882-11.427-11.038c-5.598-136.535-115.204-246.161-251.76-251.76C68.882 152.949 64 147.935 64 141.774V107.44c0-6.454 5.338-11.664 11.787-11.432c167.83 6.025 302.21 141.191 308.205 308.205c.232 6.449-4.978 11.787-11.432 11.787z\\\" fill=\\\"currentColor\\\"></path></svg>\"},\"link\":\"https://chromatone.center/feed.rss\",\"ariaLabel\":\"RSS\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script> </body> </html>