Colour Match Game
Train your colour eye. Match the target and build your palette.
Plugin 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
| Version | 1 |
|---|---|
| Created | May 8, 2026 |
| Last Updated | May 8, 2026 |
| Category | shapes-colors |
| Creator | Matt Holihan |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
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.