Synesthesia, make noise music with a colorpicker
This is a (silly, little) app which lets you make noise music using a color picker as an instrument. When you click on a specific point in the color picker, a bit of JavaScript maps the binary representation of the clicked-on color's hex-code to a "chord" in the 24 tone-equal-temperament scale. That chord is then played back using a throttled audio generation method which was implemented via Tone.js. NOTE! Turn the volume way down before using the site. It is noise music. :)
Synesthesia, make noise music with a colorpicker launched on January 22, 2026 with 39 votes, #588 of 14,584 launches that month and more than 95% of that year's launches.
In plain words
Synesthesia is a playful web application that generates noise music through color selection. Users click on a color picker to create sound, with the app converting the hexadecimal color code into musical chords within a 24 tone-equal-temperament scale. The audio is synthesized using Tone.js technology. The tool is designed for experimenters and musicians interested in exploring unconventional sonic experiences through visual interaction.
written from the facts on this page · September 2026
Does a similar job
all alternatives →
Draw.Audio – A musical sketchpad using the Web Audio API2024 · draw.audio · ▲249Draw.Audio is a free online music maker. Draw notes on a grid and hear them play back instantly — a browser-based synthesizer, sequencer, and visual instrument.
Tones.fm – Make synth music2018 · tones.fm · ▲309Tones is a simple, open, collaborative music-making platform. All tones are created using the built-in synthesizer.
An algorithmic audio landscape2024 · ambient.garden · ▲193This is an web audio experiment I've been wanting to do for a long time. Basically an ambient music composition, but all the sound elements are laid out in space, and that musical space can be explored freely. It's definitely inspired by in-world music that sometimes appears in games. I basically took that concept, keeping the music aspect, and dropping the entire "game" aspect. I also turned it into a more "traditional" non-interactive album, but since I started with code, why not program the whole thing? Had a blast making the entire album from code, the complete source for the album is…
SynesthesianatorMar 2026 · play.google.com · ▲3Build Synesthesia-like associations between sound and color
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 15h ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
Source: Show HN post ↗
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
