Hue magic 色相魔法师

About this plugin

这是一款专业的Figma颜色编辑插件，通过直观的色轮界面帮助设计师快速调整图形的色相、饱和度和亮度。🎨 核心功能1. 多图层颜色管理✅ 动态颜色点显示：自动识别选中图层的所有颜色属性（填充、描边、投影）✅ 多图层支持：同时选中多个图层，每个图层的颜色点独立显示✅ 实时更新：颜色点实时响应图层属性变化，无需重新选中✅ 按图层分组连线：同一图层内的颜色点用连接线连接，不同图层完全隔离2. 色相调整（核心功能）拖拽调整✅ 链接模式：拖动颜色点时，同一图层的所有颜色点一起旋转只改变色相（Hue），保持每个颜色点原有的饱和度和亮度不同图层的颜色点完全独立，不受影响，✅ 非链接模式：只拖动被选中的单个颜色点可同时调整色相和饱和度3. 全局调整功能滑块控制✅ 亮度滑块：统一调整所有颜色点的亮度，保持色相和饱和度不变✅ 饱和度滑块：统一调整所有颜色点的饱和度，保持色相和亮度不变快捷按钮✅ 去饱和按钮：一键将所有颜色变成灰色（饱和度=0）自动保存去饱和前的完整颜色信息✅ 重置按钮：智能恢复功能如果之前点击过去饱和：恢复到去饱和前的完整颜色如果没有去饱和：恢复到初始选中时的饱和度✅ 链接按钮：切换单链接/多链接/非链接模式✅ 色条属性：色条添加了悬停展示属性文字的功能，现在您可以更直观地分辨每个色条代表的属性。🎨 Core functions1. Multi-layer color management✅ Dynamic color point display: automatically identify all color attributes of the selected layer (fill, stroke, projection)✅ Multi-layer support: Select multiple layers at the same time, and the color points of each layer are displayed independently.✅ Real-time update: Color points respond to layer attribute changes in real time, without re-selecting✅ Group connections by layer: Color points in the same layer are connected with connecting lines, and different layers are completely isolated.2. Hue adjustment (core function)Drag and drop adjustment✅ Link mode: When dragging a color point, all color points on the same layer rotate togetherOnly change the hue (Hue) and maintain the original saturation and brightness of each color pointThe color points of different layers are completely independent and unaffected.✅ Non-link mode: only drag the selected single color pointHue and saturation can be adjusted simultaneously3. Global adjustment functionSlider control✅ Brightness slider: Adjust the brightness of all color points uniformly, keeping hue and saturation unchanged.✅ Saturation slider: Adjust the saturation of all color points uniformly, keeping the hue and brightness unchanged.shortcut button✅ Desaturate Button: Turn all colors to gray (saturation=0) with one clickAutomatically save complete color information before desaturation✅Reset button: smart recovery functionIf previously clicked on Desaturated: Revert to full color before desaturationIf not desaturated: restore saturation to initial selection✅ Link button: switch single link/multi link/non-link mode✅ Color bar attributes: The color bar has added the function of hovering to display attribute text. Now you can more intuitively distinguish the attributes represented by each color bar.