Back to Plugins
Colour Match Game

Colour Match Game

Train your colour eye. Match the target and build your palette.

Plugin Preview

Colour Match Game preview

About this plugin

Colour Match Game is designed to sharpen your visual intuition and mastery of colour space.Stop relying on the eyedropper tool and start training your eye. Whether you are a UI veteran or a design student, this plugin challenges you to recreate random target colours using two colour models: RGB and HSL.How to play:Analyse the target: A random colour is generated in the top frame.Make your guess: Use the immersive, full-window sliders to match the colour.Check your match: See your accuracy score instantly. Anything above 95% is a master-level match!Build your palette: Love the colour you found? Click "Create palette" to generate a swatch card directly on your Figma canvas.Key features:A full-plugin window experience that changes colour in real-time as you move the sliders.A custom luminance-sensing UI that flips between black and white borders/text to ensure 100% legibility against any background.Seamlessly toggle between RGB (for developers) and HSL (for CSS)Turn your game sessions into a design resource by exporting swatches with one click.

Plugin Details

Version1
CreatedMay 8, 2026
Last UpdatedMay 8, 2026
Categoryshapes-colors
CreatorMatt Holihan
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    Required to load brand-specific typography and icons for the plugin UI.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com

More Like This

Discover other plugins in the shapes-colors category.