ÿþ<?php if (!defined('_SAPE_USER')){ define('_SAPE_USER', '4e88e5a6ea1bcb9c37e953658af818d0'); } require_once($_SERVER['DOCUMENT_ROOT'].'/'._SAPE_USER.'/sape.php'); $sape = new SAPE_client(); ?> <?xml version="1.0" encoding="windows-1251"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Colours are sounds</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <link href="../../../Styles/labStyles.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> </head> <body link="#003366" vlink="#003366" alink="#003366" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('../../../Assets/logo_nav_bar1.gif','../../../Assets/en2.gif','../../../Assets/translate_nav_en.gif','../../../Assets/history_nav_en.gif','../../../Assets/discussion_nav_en.gif','../../../Assets/links_nav_en.gif','../../../Assets/contacts_nav_en.gif')"> <table width="100%" height="78" border="0" cellpadding="0" cellspacing="0" bgcolor="#006699"> <!--DWLayoutTable--> <tr> <td width="210" height="78" valign="top"><a href="../../index_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('logo','','../../../Assets/logo_nav_bar1.gif',1)"><img src="../../../Assets/logo_nav_bar.gif" name="logo" width="210" height="78" border="0"></a></td> <td width="30" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('eng','','../../../Assets/en2.gif',1)"><img src="../../../Assets/en.gif" name="eng" width="30" height="78" border="0" usemap="#engMap"></a></td> <td width="88" valign="top"><img src="../../../Assets/theory_nav1en.gif" width="88" height="78" /></td> <td width="88" valign="top"><a href="../../transf/transf_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('transf','','../../../Assets/translate_nav_en.gif',1)"><img src="../../../Assets/translate_nav0.gif" name="transf" width="88" height="78" border="0"></a></td> <td width="88" valign="top"><a href="../../history/history_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('history','','../../../Assets/history_nav_en.gif',1)"><img src="../../../Assets/history_nav0.gif" name="history" width="88" height="78" border="0"></a></td> <td width="88" valign="top"><a href="../../discuss/discuss_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('discuss','','../../../Assets/discussion_nav_en.gif',1)"><img src="../../../Assets/discussion_nav0.gif" name="discuss" width="88" height="78" border="0"></a></td> <td width="88" valign="top"><a href="../../links/links_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('links','','../../../Assets/links_nav_en.gif',1)"><img src="../../../Assets/links_nav0.gif" name="links" width="88" height="78" border="0"></a></td> <td width="88"><a href="../../contact/contact_eng.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contacts','','../../../Assets/contacts_nav_en.gif',1)"><img src="../../../Assets/contacts_nav0.gif" name="contacts" width="88" height="78" border="0"></a></td> <td width="100%"></td> </tr> </table> <map name="engMap"> <area shape="rect" coords="5,32,25,48" href="../../../rus/index_rus.htm"> <area shape="rect" coords="4,14,25,30" href="../../../ukr/index_ukr.htm"> </map> <table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <!--DWLayoutTable--> <tr align="left"> <td width="210" height="960" valign="top" bgcolor="#9CC2DA"> <p><img src="../../../Assets/empty_.gif" width="210" height="1" align="top" /></p> <p class="leftHeader">&#8226; Correspondence of<br /> Sound and Colour<br /> <br /> &#8226; <a href="../graphics/graphics_eng.htm">Transfer of Music into a Graphic image</a><br /> <br /> <br /> / / <a href="../articles/articles_eng.htm">Additional articles</a></p> </td> <td width="30" height="960" valign="top" bgcolor="#D6E6EF"><img src="../../../Assets/empty_.gif" width="30" height="1" align="top" /></td> <td height="960" valign="top" bgcolor="#D6E6EF"> <table width="784" height="100%" border="0" align="left" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="784" height="960" align="left" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <p><img src="../../../Assets/empty_.gif" width="784" height="1" align="top" /></p> <p class="mainHeader">Theory of the correspondence of music and image<span class="newsHeader"><br /> <br /> Correspondence of Sound and Colour</span></p> <p class="News"><span class="NewsBold">Colours and Music Intervals</span></p> <p class="News">The colour represents components of <span class="NewsB">white light</span> spectrum. There are <span class="NewsB">three primary colours</span>  <span class="NewsB">blue, yellow and red</span>, which cannot be obtained by mixing other paints. The other three colours (green, orange and violet) are the combinations of primary ones.</p> <p class="News">&nbsp;</p> <p class="News"> <span class="NewsB">Clean music chord</span> contains 6 harmonic intervals. For clarity sake, the intervals should be given the numerical value representing number of semitones in the interval.<br /> For example, the C-major chord notes are Do, Mi, Sol and Do (in alt). The following intervals will be possible in this chord: Do/Mi (major third)  <span class="NewsB">4</span> semitones, Mi/Sol (minor third)  <span class="NewsB">3</span> semitones, Sol/Do of next octave (perfect fourth)  <span class="NewsB">5</span> semitones, Do/Sol (perfect fifth)  <span class="NewsB">7</span> semitones, Mi/Do (minor sixth)  <span class="NewsB">8</span> semitones, Sol/Mi (major sixth)  <span class="NewsB">9</span> semitones.<br /> Thus,<span class="NewsB"> three intervals (3, 4, 5)</span> are being the basic ones, and another three (7, 8, 9) are component ones since these can be obtained by composing 3, 4 and 5.<br /> <br /> </p> <p class="News"><img src="../../../Assets/colorStudy.gif" name="colour" width="685" height="251" border="0" usemap="#colourMap" id="colour" /></p> <p class="News">&nbsp;</p> <p class="News">In the diagram: comparison of colours and interval values (<a href="clr/clr1.htm" target="_blank">open the diagram with sound</a>)</p> <p class="News">&nbsp;</p> <p class="News">Thus, you can see <span class="NewsB">the correspondence of two super-harmonious structures  white light and the consonant chord,</span> which consist of equal number of elements. The properties of light elements coincide with the properties of consonant chord elements, namely: three basic elements; composition of component ones out of them (optical for colours, and mathematical for octave semitones); contrast (for example, red contrasts with the green, perfect fourth is the conversion from the perfect fifth).</p> <p class="News">&nbsp;</p> <p class="News"><span class="NewsBold">Additional diagrams</span></p> <p class="News"><a href="clr/clr2.htm" target="_blank">Comparison of colours and sound intervals on piano keys (with sound)</a><br /> <a href="clr/clr3.htm" target="_blank">Comparison of colours and sound intervals on gitar tabs (with sound)</a><br /> Examples in different keys on the note rule (with sound)<br /> Comparison of optical addition of colours and addition of interval values </p> <p class="News">&nbsp;</p> <p class="News"><span class="NewsBold">Auxiliary explanations</span></p> <p class="News"><a href="clr_q/clr_q1.htm" target="_blank">Why the diagram represents less colours than the rainbow colour count? </a></p> <p class="News"><a href="clr_q/clr_q2.htm" target="_blank">Why a note can not correspond to a colour? </a></p> <p class="News"><a href="clr_q/clr_q3.htm" target="_blank">What is a consonant chord and consonance intervals? </a></p> <p class="News"><a href="clr_q/clr_q4.htm" target="_blank">Why the intervals are to be given the numerical values of semitones?</a></p> <p class="News">Why the interval of 3 semitones is compared with the blue colour and not with yellow one, for instance?<br /> How the multitude of colours we see is expressed in music?</p> <p class="News">&nbsp;</p> <p class="News"> </td> </tr> </table> </td> </tr> </table> <map name="colourMap" id="colourMap"> <area shape="poly" coords="516,122" href="#" /> <area shape="poly" coords="472,48,492,38,515,36,536,38,559,48,515,123,472,49" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy3.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="156,100,125,47,143,40,168,36,192,40,212,48,169,123" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy3.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="515,127,559,200,536,209,516,211,492,209,471,199,514,127" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy9.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="169,127,212,200,188,210,170,212,144,208,125,199,168,128" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy9.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="531,101,563,48,579,65,592,81,600,101,603,123,519,123" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy7.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="174,122,214,51,230,62,245,79,254,102,255,122,175,122" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy7.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="173,126,256,126,253,151,242,172,227,188,215,198,173,126" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy4.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="520,126,603,127,599,150,587,173,572,191,562,198,519,127,520,126" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy4.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="511,121,467,49,447,66,431,96,427,123,511,122" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy8.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="121,50,164,121,81,121,85,96,97,69,120,51" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy8.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="510,127,469,198,442,174,431,148,428,126,509,125" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy5.gif',1)" onmouseout="MM_swapImgRestore()" /> <area shape="poly" coords="166,127,122,197,99,178,84,149,81,126,161,125,163,126" href="#" onmouseover="MM_swapImage('colour','','../../../Assets/colorStudy5.gif',1)" onmouseout="MM_swapImgRestore()" /> </map> <? echo $sape->return_links(); ?> </body> </html>