GameCaptcha/Games/Color Match
๐ŸŽจ

LIVE DEMO

Color Match

Repeat the color sequence

Security CheckCOLOR MATCH
Tap the colors
GAMECAPTCHA

๐Ÿ‘† Repeat the pattern

โ†‘ This is exactly what your users will see

10s

Avg solve time

Medium

Difficulty

Pay what you want

Price

About this game

Watch the sequence light up, then replay it exactly. Each round adds one more color.

Bot-proofMobile friendlyNo cookiesGDPR safeSignup flows

PAY WHAT YOU WANT

Your price

All 7 games

Full pack available

Pay what you want โ†’

  • โœ“ Lifetime access
  • โœ“ Unlimited domains
  • โœ“ API + embed code
  • โœ“ Dashboard & site key
GET ALL 7 GAMES โ€” PAY WHAT YOU WANT โ†’

Embed code

index.html
<!-- 1. Add the script -->
<script src="https://didyu.app/captchagames/embed.js" async></script>

<!-- 2. Drop in the widget -->
<div
  id="gc-widget"
  data-game="colormatch"
  data-site-key="YOUR_SITE_KEY"
></div>

<!-- 3. Verify on your server -->
<script>
  document.getElementById('gc-widget').addEventListener('gc:pass', async (e) => {
    const res = await fetch('/api/verify-captcha', {
      method: 'POST',
      body: JSON.stringify({ token: e.detail.token }),
    });
    const { success } = await res.json();
    if (success) submitForm();
  });
</script>

Server verification

server.js
// Server-side token verification
const res = await fetch('https://didyu.app/captchagames/api/verify', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer YOUR_API_KEY',
  },
  body: JSON.stringify({
    token: req.body.token,
    siteKey: 'gc_colormatch_xxxx',
  }),
});

const { success, gameId } = await res.json();
// success === true means a real human passed the Color Match challenge