Back to Plugins
Easy Color Extraction

Easy Color Extraction

Extract colours from images, code, Figma and renders to code token or Figma canvas

Plugin Preview

Easy Color Extraction preview

About this plugin

Extract Colors Instantly from AnythingCode, CSS, websites, images, text, and even Figma styles or variables. Perfect for anyone searching for a color extractor, palette generator, or color token exporter.Exp🎨 What You Can ExtractPull every color used in:Code snippets (CSS, JS, HTML)Text contentFigma selectionsImages & screenshotsExisting Figma styles and variablesIncludes:Auto‑detect HEX, RGB, HSLSmart duplicate detectionOpacity preservationColor relationship detection (tints, shades, aliases)🧱 Generate Color Tokens in One ClickCreate ready‑to‑use design tokens or color palettes for any workflow.Export formats:CSSJSONSCSSTailwindAndroidiOSDTCGIncludes:Clean token structureCustom naming templatesDeveloper‑friendly output🎛 Convert Colors Directly into FigmaTurn extracted colors into:Figma color stylesFigma variablesOrganized style sheets on the canvasIncludes:Automatic semantic namingClean, structured layoutNo duplicatesSmart matching thresholds🧩 Ideal ForDesigners building color systems fastTeams syncing design & code through shared tokensDevelopers needing structured color exportsAnyone searching for a Figma color extractor, palette generator, or token exporterColor/Colour extraction made easy

Plugin Details

Version4
CreatedMarch 2, 2026
Last UpdatedMarch 3, 2026
CategoryImport & export plugins
CreatorDave
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://raiken.io
    • https://www.raiken.io