E3.15.1color picker presets and custom设计
颜色选择器需同时支持预设色板与自定义取值
别名: 色板 · color palette · 自定义取色
概念解释
颜色选择器要同时给出预设色板和自定义取值。色板是产品或品牌已经收过的一组色，点一下即用；自定义是色相环、滑条或滴管，用来落到色板上没有的值。只给色板，设计师和少数用户会在边界色上卡住；只给自由取色，日常用户每次都要重新发明「那个蓝」，品牌一致性被打散。两条路并存，不是把一种藏进「高级」。
预设回答「我们常用哪些」；自定义回答「不在常用里怎么办」。
机制
颜色空间连续而巨大，人无法在里面做绝对判断，只能靠再认。色板把再认对象做成可见的小块，选择变成在熟悉样本里点名。自定义把任务换成调节，适合已经有一个目标色（从别处滴取、从规范抄值）的人。缺少色板，调节从零开始，结果会散落在邻近但不相同的色上。缺少自定义，目标色一旦落在样本缝里，用户会拿最像的一块凑合，或放弃改色。
两条路径还要能对上：自定义得到的值若碰巧等于某块预设，应点亮那块，而不是在色板外再藏一个「无名色」。否则同一颜色在界面上有两个身份。
边界
终端用户只允许品牌色时，自定义可以不出现，但要说明「仅限这些色」，不要留一个点开是空的高级面板。插画、数据可视化需要连续色标时，色板是锚点，连续滑条才是主控件。色盲用户的预设应避免只靠红绿成对区分的样本；自定义也救不了「这两块在色板上已经不可分」。系统级取色器（操作系统、浏览器）可以充当自定义通道，产品仍应提供色板，以免每次都跳到系统面板。
怎么落地
- 默认露出常用色板，把自定义放在同层面板里可到达的第二区，不要做成找不到的入口。
- 自定义值命中预设时回亮对应色块，保持单一身份。
- 品牌约束场景直接去掉自定义，并写明限制，而不是留一个永远报错的自由取色。
- 验证：给一个色板上有的色和一个没有的色。前者应能在色板上完成，后者应能在自定义里完成且结果可回显。缺一条路，控件就没配齐。