颜色选择器输入
它让用户从色板、色谱或已保存颜色中选择一个具体颜色。
- 点一块颜色就能换颜色的东西
- 拖着小圆点挑颜色的面板
- 让我从彩色盘里选一种颜色
- 取色器
- 颜色面板
- 色彩选择控件
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web原生支持
桌面与移动端现代浏览器
Color Input
<input type="color">
iOS原生支持
iOS / iPadOS 14 及以上
Color Picker
也叫 Color Well
SwiftUI: ColorPicker|UIKit: UIColorPickerViewController
Android需自己实现
Android 手机 / 平板
Color Picker
Android Framework 和通用 Material 3 都没有标准颜色选择器组件,应用需要自行实现或采用库。
通常怎么做:用预设色块、色相与明度滑块组合;不要假设某个厂商系统取色器在所有设备可用。
使用规范
什么时候用
- 绘图、主题编辑或内容创作确实需要用户选择任意颜色
什么时候别用
- 品牌只允许少量固定颜色时,直接提供命名色块更容易理解
给 AI 的提示词
这条词条还没有经过验证的实现提示词。