Back to Plugins

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.
Features
- Formats: HEX (with alpha), RGB, CSS (rgb/rgba), HSL, HSB
- Multi-selection and multiple Fills/Strokes supported
- Quick 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 name
- Adaptive inner border (light/dark) for better readability
- Live update with each selection change
- Native Figma notification after copying
How to use it
- Select one or more layers
- Choose the format from the menu (center)
- Click a tile or the “copy” icon to send the value to the clipboard
Limitations
- SOLID 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 | 6 installs, 4 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.