颜色选择器

Color Picker

如果你管它叫……

「选颜色那个面板」「拾色器」「HEX 颜色输入」「颜色面板」

LIVE DEMO真实可交互，动手试试

品牌主色

支持色盘选择和 HEX 输入

Preview

Button / Tag / Focus Ring

英文名: Color Picker
别名 · 俗称: 选色器拾色器颜色面板
Web 叫法: Color Picker
大白话定义: 用来挑选颜色的控件，常带色板、透明度、HEX/RGB 输入。
部位拆解: 色盘 Panel选色和调明度、饱和度的区域
颜色预览 Swatch当前选中颜色的缩略预览
数值输入 ValueHEX、RGB、HSL 等格式输入

提示词已按当前平台组织好，复制粘贴给 AI 即可

Web

加一个颜色选择器（Color Picker），支持拖动色盘选色、输入 HEX、复制颜色值，并显示透明度滑块

调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI

调试我的颜色选择器（Color Picker）。逐一排除：拖色盘和输入值不同步；透明度叠加显示错误；深浅背景下预览块难分辨；复制的颜色格式和展示格式不一致。症状是：