颜值转换器 Color Format Converter

About this plugin

Introduction

"Color Format Converter" is a lightweight Figma plugin that simplifies viewing, converting, and copying all colors (including child elements) within your selected objects. It supports multiple color formats—Hex, RGB, HSL, HSB, UIColor—and enhances your workflow efficiency.

Function Description

1. Extract all color information (solid fills, gradients, strokes, and text colors) from the selected layers and their children.
2. Display colors in various formats: Hex (with alpha), RGB(A), HSL(A), HSB(A), UIColor.
3. Parallel display of a stable column (Hex+Opacity) and a convertible format column. The stable column remains fixed, while the convertible format can be switched from a dropdown.
4. Click the convertible format value to copy it, with a success notification appearing in Figma.

Usage

1. Install and run the plugin in Figma.
2. Select any object (including groups or components). The plugin automatically extracts all related colors.
3. Use the dropdown in the plugin panel to change the displayed convertible color format.
4. Click on a convertible format value to copy it and receive a success notification.

Notes

1. Ensure a secure context (HTTPS) for direct clipboard API usage. A fallback method is employed otherwise.
2. If no color is present in the selection, the plugin will display an empty list.

介绍

"颜值转换器 Color Format Converter" 是一款轻量级 Figma 插件，可轻松查看、转换并复制所选对象（含子元素）中的所有颜色信息。支持多种颜色格式（Hex、RGB、HSL、HSB、UIColor），提升你的设计工作效率。

功能说明

1. 提取选中图层及其子元素的所有颜色信息（纯色、渐变、描边、文本颜色）。
2. 多种颜色格式展示：Hex（含透明度）、RGB(A)、HSL(A)、HSB(A)、UIColor。
3. 同时显示稳定格式列（Hex+透明度）和可变格式列，稳定列固定，而可变格式列可通过下拉框切换。
4. 点击可变格式列的颜色值即可复制，并在 Figma 中显示复制成功提示。

使用方法

1. 在 Figma 中安装并运行插件。
2. 选中任意对象（包括包含子元素的组、组件），插件将自动提取所有颜色。
3. 使用插件面板中的下拉菜单切换可变格式列的显示格式。
4. 点击可变格式列的颜色值即可复制，并在 Figma 中获得成功通知。

注意事项

1. 若需使用剪贴板 API，请确保在安全上下文（HTTPS）下运行，否则将使用后备复制方法。
2. 如果选中的对象没有任何颜色，插件将显示空列表。