Chromatone Foundation ​

2026-08-22 1.0.0-draft Authored by: Denis Maintained by: Chromatone Center

The foundational vocabulary and narrative for the Chromatone Visual Music Language.

Denis ​

Founder of Chromatone

Chromatone Center ​

Open source research collective https://chromatone.center/ ​

What if we could see music? ​

Most humans process the world primarily through vision. We live in an age of screens, of color, of spatial reasoning. Yet for centuries, music education has insisted that we understand sound through symbols on five lines — a notation system designed for medieval scribes, not for modern minds. What if we once agree on a standard way to interconnect colors and notes? It would empower our music perception with vision, our most natural sensory channel. Why not view music the visual way today? This is the question that launched Chromatone in 2018. Chromatone is not merely a teaching aid. It is an open source research and design project to explore, develop and implement the scientific way of visual music education, communication and performance. We have discovered a complete and coherent Visual Music Language there — one that merges colors with notes, rhythms with shapes, intervals with gradients, and chords and scales with palettes. And we are just getting started. ​

The Chromatone Project ​

Chromatone Visual Music Language Open source research and design project Established: 2018 Website: https://chromatone.center/ Repository: https://github.com/chromatone Mission: To explore, develop and implement the scientific way of visual music education, communication and performance. This project was initiated by Denis and is maintained by Chromatone Center. ​

The Physical Bridge: Why Color and Sound Are the Same Thing ​

To understand why Chromatone works, we must begin not with music theory, but with physics. Sound is vibration. Light is also vibration. The only difference is the frequency. When a string vibrates at 440 Hz, we call it concert A4. When electromagnetic waves vibrate at 483.8 terahertz, we call it red light. These are not different phenomena. They are the same phenomenon at different scales. The bridge between them is the octave. An octave is a doubling of frequency. A4 at 440 Hz becomes A5 at 880 Hz after one octave. After forty octaves of doubling, that same A reaches 483.8 THz — the exact frequency of red light. This is not metaphor. This is not analogy. This is mathematical identity. The electromagnetic spectrum and the audible spectrum are continuous with each other, separated only by thirty-nine intermediate doublings that our ears cannot hear and our eyes cannot see. ​

Statement 1: The Octave Bridge ​

Concert A4 at 440 Hz doubled through forty octaves becomes red visible light at 483.8 THz.

The octave is a universal physical constant. It applies equally to sound waves and electromagnetic waves. Confidence: 1.0 Mathematical basis: f × 2^40 = 483.8 THz Physical basis: Electromagnetic wave continuity First calculated: 2018

The Chroma Space: Twelve Notes, Twelve Colors, One Circle ​

If A is red at 0° hue, then what about the other notes? The chromatic scale divides the octave into twelve equal parts in twelve-tone equal temperament. Each semitone represents a frequency ratio of the twelfth root of two. In color space, this corresponds to thirty degrees of hue rotation on the HSL color wheel. So A# becomes orange-red at 30°. B becomes orange at 60°. C becomes yellow at 90°. The progression continues around the circle: C# at 120°, D at 150°, D# at 180°, E at 210°, F at 240°, F# at 270°, G at 300°, and finally G# at 330°, just shy of completing the circle back to A. This creates the Chroma Space — a circular arrangement where pitch class and hue angle are perfectly synchronized. The circle of fifths is not an abstract music theory diagram anymore. It is a color wheel that your eyes can read as easily as your ears can hear. ​

The Twelve ColorNotes ​

The chromatic scale assigns a color to each pitch class:

• [A]
• [A#]
• [B]
• [C]
• [C#]
• [D]
• [D#]
• [E]
• [F]
• [F#]
• [G]
• [G#]

A (Red, 0°) ​

Semitone index: 0 Hue angle: 0° Hex: #FF0000 Frequency A4: 440 Hz Light frequency: 483.8 THz

A# (Orange-Red, 30°) ​

Semitone index: 1 Hue angle: 30°

B (Orange, 60°) ​

Semitone index: 2 Hue angle: 60°

C (Yellow, 90°) ​

Semitone index: 3 Hue angle: 90°

C# (Lime, 120°) ​

Semitone index: 4 Hue angle: 120°

D (Green, 150°) ​

Semitone index: 5 Hue angle: 150°

D# (Teal, 180°) ​

Semitone index: 6 Hue angle: 180°

E (Azure, 210°) ​

Semitone index: 7 Hue angle: 210°

F (Blue, 240°) ​

Semitone index: 8 Hue angle: 240°

F# (Violet, 270°) ​

Semitone index: 9 Hue angle: 270°

G (Magenta, 300°) ​

Semitone index: 10 Hue angle: 300°

G# (Rose, 330°) ​

Semitone index: 11 Hue angle: 330° ​

Statement 2: The Chromatone Color Mapping ​

Pitch class A maps to red at 0° hue and each successive semitone rotates hue by 30° around the HSL color wheel.

The mapping is adjustable per user preference, but the default follows the A=Red anchor. Confidence: 0.95 Basis: HSL color system standard Cultural context: Chromatone default palette Universally true: false

Intervals as Gradients: The Eye Sees Relationships ​

In traditional theory, an interval is a number — a minor third is three semitones, a perfect fifth is seven. But numbers are abstract. Chromatone makes intervals visible. A perfect fifth from A (red, 0°) to E (azure, 210°) is not merely "seven semitones." It is a gradient from red to azure — a 210-degree sweep across the color wheel that your visual cortex processes instantly and holistically. The consonance of an interval has a visual correlate. Simple frequency ratios produce smooth, blended gradients because the harmonic partials overlap significantly. Complex ratios produce clashing, high-contrast gradients because the critical bands in the cochlea are stimulated in ways that create perceptual roughness. The eye sees what the ear feels. ​

Statement 3: Consonance Has a Visual Correlate ​

Simple frequency ratios produce smooth color gradients because overlapping harmonic partials create perceptual fusion. Confidence: 0.9 Basis: Psychoacoustic critical band theory Basis: Harmonic series overlap mathematics ​

Chords and Scales as Palettes ​

A chord is a simultaneous combination of notes. In Chromatone, it is a palette. A C major triad combines C (yellow, 90°), E (azure, 210°), and G (magenta, 300°). The resulting palette is a triangular color scheme that the eye recognizes as balanced and stable — which corresponds exactly to the tonal stability of the major triad in Western harmony. A scale is an ordered collection of pitch classes. In Chromatone, it is an ordered palette. The C major scale presents seven colors in diatonic order: yellow, orange, red, rose, violet, azure, green — a rainbow that wraps around the circle but skips the darker, more dissonant hues that correspond to the chromatic passing tones. When you see a scale palette, you instantly perceive its tonal center because the root color dominates the visual field. ​

Metaharmony: Functions Have Colors Too ​

Chromatone goes beyond individual notes. It assigns functional colors to harmonic roles. In the metaharmony system, tonic functions glow orange, subdominant functions glow green, and dominant functions glow purple. These are not arbitrary choices. They emerge from the color wheel geometry: orange sits between red and yellow, creating a warm, stable center; green sits opposite red, creating movement away from tonic; purple completes the triadic color opposition, creating tension that demands resolution. Even diminished tetrads find visual coherence: they appear as monochromatic clusters because their symmetrically spaced semitones create colors that sit at regular intervals around the wheel, producing a unified but unstable visual mass. ​

Rhythm as Shape: Time Made Visible ​

Music is not only pitch. It is also time. Chromatone represents rhythm through shapes because the human brain processes temporal patterns spatially. A beat is a pulse. A meter is a repeating geometric pattern. A polyrhythm is multiple shapes rotating at different speeds, their intersections creating complex accent patterns that the eye can read without ear training. The circle of time is as fundamental as the circle of pitch. In the polyrhythmic metronome, concentric rings spin at different rates, their dots of color landing on beat markers to create visual grooves. A 3:4 polyrhythm is not two numbers. It is a triangle and a square dancing around the same center. ​

Statement 4: Rhythm is Processed Spatially ​

The human brain processes temporal rhythmic patterns through spatial visualization more intuitively than through numerical notation. Confidence: 0.85 Basis: Neural entrainment and cross-modal perception research ​

The Practice Ecosystem ​

Chromatone is not just theory. It is a living laboratory of interactive web applications that let you see what you hear and hear what you see. The Spectrogram takes your microphone input and paints real-time frequencies in Chromatone colors — watch your voice trace a rainbow arc across the screen. The Circle of Fifths becomes a playable instrument with MIDI support, letting you strum seventh chords and watch their color palettes shift as you modulate. The Tonnetz Grid lays out pitch space as a two-dimensional lattice where neighboring nodes are voice-leading efficient. Touch it with multiple fingers and you see chord connections light up in color-coded pathways. The Chroma Palette renders GLSL shaders that respond to MIDI and audio analysis, creating immersive color fields that pulse with your playing. For synthesis, the Elementary Synth offers saw and square oscillators, noise generators, Karplus-Strong string models, and a sampler — all polyphonic, with reverb and ping-pong delay, all visualized in Chromatone color. The Jam Randomizer generates random BPM and scales for spontaneous jam sessions. The MIDI Monitor displays MIDI signals as a color-coded table so you can debug your controller while learning the protocol. ​

Practice Apps ​

• [Spectrogram]
• [Circle of Fifths]
• [Tonnetz Grid]
• [Chroma Palette]
• [Elementary Synth]
• [Jam Randomizer]
• [MIDI Monitor]
• [Generative Bounce]

Spectrogram ​

https://chromatone.center/practice/pitch/spectrogram/ Real-time frequency visualization with chromatone colors

Circle of Fifths ​

https://chromatone.center/practice/chord/fifths/ Interactive circle with MIDI support

Tonnetz Grid ​

https://chromatone.center/practice/chord/array/ 2D lattice with scale filtering

Chroma Palette ​

https://chromatone.center/practice/chroma/palette/ GLSL shader visualization of MIDI and analyzed notes

Elementary Synth ​

https://chromatone.center/practice/synth/elementary/ Saw/square oscillators, noise, Karplus-Strong strings, sampler

Jam Randomizer ​

https://chromatone.center/practice/jam/random/ Random BPM and scale generator for jam sessions

MIDI Monitor ​

https://chromatone.center/practice/midi/monitor/ MIDI signal table view

Generative Bounce ​

https://chromatone.center/practice/generative/bounce/ Shifted period sine wave melodies ​

The Educational Mission ​

The Practice section is for exploration — toys that are deep, as we like to say. But Chromatone also offers guided educational programs for those who want structured progression. The Tutorship program pairs students with mentors who use the Visual Music Theory study to build conceptual understanding from first principles. The Sticker Shop provides physical color applications for instruments — color-coded frets, keyboard overlays, and reference cards that bridge the digital and tactile worlds. Because learning happens not just on screens but in muscle memory, and color is a powerful mnemonic anchor. ​

Statement 5: Color is a Powerful Mnemonic for Pitch ​

Color-coded pitch classes serve as stronger mnemonic anchors than abstract note names for visual learners and beginners. Confidence: 0.88 Basis: Dual coding theory and visual working memory research Basis: Chromatone classroom observations 2018-2026 ​

The Knowledge Graph as Commons ​

This document you are reading is not just a manifesto. It is the foundational node of the Chromatone knowledge graph. Every concept, every app, every lesson, and every student response will merge into this growing network. The golden graph — the elevated statements extracted from these reified claims — will become the canonical body of visual music knowledge. When a student in Bangkok masters the octave bridge, their mastery links to the same statement that a student in Berlin will encounter tomorrow. When a new research paper on cochlear mechanics updates our understanding of consonance, the confidence level of Statement 3 can be updated via polarity — and every curriculum that depends on it evolves automatically. This is not a course. This is a commons. A living, versioned, multi-perspective substrate for musical knowledge that grows more valuable as it grows. Every new statement, every new cultural perspective, every new app, and every new student insight increases the connective density. The perfect fifth taught through red-to-azure gradients in Bangkok uses the same physical node as the perfect fifth taught through red-to-azure gradients in Berlin, even if the cultural applications diverge. ​

Document Provenance ​

Document creation and curation 2026-08-22 2026-08-22 Was associated with: Denis Used: Chromatone theory research Generated: Chromatone Foundation document ​

Next Documents in the Sequence ​

Version: 1.0.0-draftLast updated: 2026-08-22https://chromatone.center/