Copy Color Value
Instantly copy layer colors (HEX/RGB/HSL/HSB), styles, and variables.
Plugin 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
| Version | 2 |
|---|---|
| Created | October 1, 2025 |
| Last Updated | October 2, 2025 |
| Category | design-tools-other |
| Creator | Guillaume Hambourger |
| Stats | 29 installs, 7 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the design-tools-other category.