Back to Plugins
Invert Colors

Invert Colors

nvert colors on fills, strokes, text, and images — plus find inverted color pairs instantly.

emailinvert colorsaccessibilitydark mode designcolors stylesdark modeinvertemail design

Plugin Preview

Invert Colors preview

About this plugin

Welcome to Invert Colors!


The ultimate color inversion tool for Figma. Invert the colors of your selected elements with precise control, or explore inverted color pairs with our built-in color picker.


🎨 Invert Selection

  1. Invert Fills — Solid colors and gradients on shapes, frames, and components
  2. Invert Strokes — Border and stroke colors
  3. Invert Images — Image fills get their colors inverted
  4. Invert Text — Text colors, independent from shape fills
  5. Toggle each option on or off for complete control. Your preferences are saved between sessions.


🔍 Find Color Pairs

  1. Discover the inverted counterpart of any color:
  2. Enter a hex code or use the visual color picker
  3. Adjust opacity with the transparency slider
  4. Click to copy either color to your clipboard


✨ Features

  1. All options enabled by default for quick, one-click color inversion.
  2. Works on nested elements — select a frame and invert everything inside
  3. Remembers your toggle settings between sessions
  4. Clean, intuitive interface


Plugin Details

Version3
CreatedSeptember 15, 2022
Last UpdatedJanuary 15, 2026
Categoryediting & effects plugins
CreatorVennory
Stats3397 installs, 232 likes
PricingFree

Technical Details

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