A fun and interactive color guessing game built with HTML, CSS, and vanilla JavaScript. Test your color perception skills by matching the displayed color with the correct option.
- Random color generation for each round
- Six color options to choose from
- Score tracking
- Two attempts per round
- Responsive design for all devices
- Animated feedback for correct and incorrect guesses
- Look at the color displayed in the box on the left side
- Choose the matching color from the six options on the right
- You have two attempts per round:
- First wrong guess: You get one more try
- Second wrong guess: Game over, score resets
- Score increases with each correct guess
- Click "New Game" to reset the game and start over
- Match the target color with one of the six options provided
- You get two attempts to guess the correct color
- Correct guess: +1 point and move to next round
- Two wrong guesses: Game over, score resets to 0
- Use the "New Game" button to reset the game at any time
The game is built using:
- HTML5
- CSS3 (with animations and responsive design)
- Vanilla JavaScript (no frameworks)
- Clone the repository
- Open
index.html
in your web browser - Start playing!
No additional setup or dependencies required.
The game works on all modern browsers:
- Chrome
- Firefox
- Safari
- Edge
This project is open source and available under the MIT License.