I work with color a lot, and I've always been curious about something simple: colors make us feel things. A warm red feels different from a calm blue, and most of us sense it without thinking about it. I wanted to see if I could turn that feeling into something you can actually hear.
So Chromaudio reads a color the way color psychology describes it — reds as warm and energetic, blues as calm and deep, violets as quiet and mysterious — and translates it into sound: a root note, a scale, a chord, a tempo, a timbre. When you drag across the color field it doesn't jump between presets; it glides gently from one mood to the next.
I made it mostly for myself, and for anyone who enjoys paying attention to color. Not to prove a point — just to share a small idea: that color might express a little more than we usually let it.
It plays like an instrument rather than a settings page. Each mood has its own voice — soft pads, bells, simple leads — and a small set of controls lets you shape the sound: filter, drive, vibrato, tremolo, detune, fuller chords, an arpeggiator. You can collect colors into a palette, play them back as a short progression, watch a calm visualizer move along with the music, and export what you make as WAV or MIDI. You can also export and import a JSON file of hex colors, so an existing palette can become music in seconds.
Under the hood it's a single Framer code component, with the sound, visuals and interface sharing one state so they stay in sync. I leaned on Framer's agents quite a bit — especially for the trickier, interactive parts, like keeping the sound smooth while dragging and giving each mood its own instrument. I was honestly surprised how much of the live, audio side they could help with, not just the layout.
Pick a color and listen to it. I'd love to know which ones sound right to you.
Built with Framer agents
I work with color a lot, and I've always been curious about something simple: colors make us feel things. A warm red feels different from a calm blue, and most of us sense it without thinking about it. I wanted to see if I could turn that feeling into something you can actually hear.
So Chromaudio reads a color the way color psychology describes it — reds as warm and energetic, blues as calm and deep, violets as quiet and mysterious — and translates it into sound: a root note, a scale, a chord, a tempo, a timbre. When you drag across the color field it doesn't jump between presets; it glides gently from one mood to the next.
I made it mostly for myself, and for anyone who enjoys paying attention to color. Not to prove a point — just to share a small idea: that color might express a little more than we usually let it.
It plays like an instrument rather than a settings page. Each mood has its own voice — soft pads, bells, simple leads — and a small set of controls lets you shape the sound: filter, drive, vibrato, tremolo, detune, fuller chords, an arpeggiator. You can collect colors into a palette, play them back as a short progression, watch a calm visualizer move along with the music, and export what you make as WAV or MIDI. You can also export and import a JSON file of hex colors, so an existing palette can become music in seconds.
Under the hood it's a single Framer code component, with the sound, visuals and interface sharing one state so they stay in sync. I leaned on Framer's agents quite a bit — especially for the trickier, interactive parts, like keeping the sound smooth while dragging and giving each mood its own instrument. I was honestly surprised how much of the live, audio side they could help with, not just the layout.
Pick a color and listen to it. I'd love to know which ones sound right to you.
Built with Framer agents
Arsyad Fadly