A fun and interactive RGB Color Guessing Game built using Devvit! Test your knowledge of RGB color components and improve your color intuition with this engaging and visually appealing game.
Inspiration
What inspired me to build Guess Color Combo was a personal challenge: I wanted to create a fun game that helps people intuitively understand RGB color combinations, especially designers, developers, and color lovers. I’ve always been fascinated by how colors blend, and I thought—why not turn that into a game that’s both educational and addictive?
I chose to build it using Devvit because it offered a unique way to deliver interactive experiences directly on Reddit. Being able to embed a game within a subreddit and let people play without leaving the platform felt like the perfect approach for engagement.
🕹️ What It Does
Guess Color Combo is an RGB color guessing game where players test their ability to recognize and match RGB values to their corresponding colors.
- A random RGB color is displayed.
- The player chooses from four RGB combinations to guess the correct one.
- Players have two attempts per round:
- First correct guess: +10 points (increases with level)
- Second correct guess: +5 points
- If both fail, the correct answer is shown, and the round ends.
- The game includes:
- Live scoring -Leaderboard to see how other redditors are performing
- Bonus points for speed and higher levels
- Animated feedback
- A "Well done!" message
- A Restart Game option when you fail
How we built it
- Built using Devvit SDK, Devvit API, Redis, Javascript, css, typescript, HTML5 to run directly inside Reddit.
- Game logic and state handled with Devvit’s React-like API.
- UI features include:
- Vibrant SVG backgrounds
- Dynamic contrast-aware text
- Smooth animations for correct answers
- Added scoring mechanics that increase with level.
- Designed for mobile responsiveness and snappy interaction.
- Deployed in the subreddit r/GuessColor
🚧 Challenges We Ran Into
- Debugging in Devvit was tough due to limited devtools—had to rely on running directly in reddit, couldn't run and test locally without running on the main subreddit.
- Writing tests for the screens It was quite challenging to know what setup would work.
- Worked on sound effects but removed it, because it not yet supported.
- Creating a balance between fun and difficulty took time.
- Designing SVG backgrounds that look good but don’t affect visibility.
- Handling game state and animations cleanly inside the Devvit context.
- Ensuring a smooth experience even with Reddit’s UI constraints.
🏆 Accomplishments That We're Proud Of
- A fully working interactive color game inside Reddit 🎉
- Players get real-time feedback and scoring, all within a subreddit.
- Developed a system for increasing difficulty + bonus scoring.
- Created an engaging user experience with animations and visuals.
- Built something both fun and educational—a rare combo!
- A reliable leaderboard you can always reference.
What we learned
- Gained deep experience using the Devvit platform and understanding its limitations and strengths.
- Learned how to manage game state within Reddit-native components.
- Learned how color theory and accessibility (like contrast) play into UI design decisions.
- Understood how engagement design—like quick feedback and visual polish—can keep players invested.
What's next for Guess Color Combo
- Add sound effects and background music for even more immersion When the support is available in the api.
- Customize the game with themes (e.g., pastel, neon, light mode, dark mode).
- Allow users to share scores or challenges with others in the subreddit.
Let’s see how good your color guessing skills are! 🎯🎨🔥
Built With
- css
- devvit-api
- devvit-sdk
- html5
- javascript
- redis
- typescript
Log in or sign up for Devpost to join the conversation.