ColorGradeX

I’ve always loved visual storytelling, and color grading plays a huge role in how a video feels. But most web tools don’t offer pro-level color grading especially not directly inside the browser. That’s what inspired this project.

I designed the UI for speed and clarity, keeping the creator’s workflow in mind. Then I built a working prototype using Adobe Express SDK, WebAssembly, and HTML5 Canvas to apply LUTs in real-time directly in the browser.

What I learned: How to parse and apply .cube LUTs, optimize canvas pixel manipulation, and integrate with the Express SDK.

Challenges: Real-time performance was tough LUTs are heavy. Getting smooth playback and accurate color output required a lot of trial, error, and low-level optimizations. Integrating with Express also came with its own constraints, but I made it work.

I’m still actively building this and excited to take it further. If I win, I’ll use the prize money to:

License professional LUTs

Add support for longer videos via cloud rendering

Host the full pipeline and submit to the Adobe Add-on Store

This isn’t just a hackathon project it’s something I truly want to release and support.

Built With

• adobe-express-sdk
• backend
• figma-(ui-design)
• html5
• javascript
• lut-.cube-file-parser
• node.js
• webassembly