Back to Plugins
Copy Color Value

Copy Color Value

Instantly copy layer colors (HEX/RGB/HSL/HSB), styles, and variables.

Plugin Preview

Copy Color Value preview

About this plugin

Copy Color Value automatically extracts SOLID colors from selected layers (Fill priority, otherwise Stroke), manages opacity, and allows you to copy the value in the format of your choice.FeaturesFormats: HEX (with alpha), RGB, CSS (rgb/rgba), HSL, HSBMulti-selection and multiple Fills/Strokes supportedQuick copying via clickable tiles (3 visible columns, horizontal scrolling)Hover actions: copy the code, the style name (if present) or variable name, and the layer nameAdaptive inner border (light/dark) for better readabilityLive update with each selection changeNative Figma notification after copyingHow to use itSelect one or more layersChoose the format from the menu (center)Click a tile or the “copy” icon to send the value to the clipboardLimitationsSOLID colors only (gradients/images are not supported)The plugin reads layer properties (it is not a screen pipette)

Plugin Details

Version2
CreatedOctober 1, 2025
Last UpdatedOctober 2, 2025
Categorydesign-tools-other
CreatorGuillaume Hambourger
Stats29 installs, 7 likes
PricingFree

Technical Details

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