E3.15.3live color swatch preview设计
取色结果需要以色块方式即时预览
别名: 色块预览 · live swatch · 取色预览
概念解释
正在调的颜色必须立刻显示成一块足够大的色块预览（swatch preview），而不是只存在于滑条位置或一串数字里。拖色相、改 HEX、点色板，预览都应在同一拍更新。色块是人用来做判断的对象：够不够亮、偏不偏绿、和旁边那块像不像。没有它，用户在通道空间里盲调，松手才看见结果，调节变成赌博。
即时指调节过程中，不是确认关闭面板之后。关闭后的结果还应写回触发器上的小色块，否则下次打开不知道上次选了什么。
机制
颜色判断是视觉匹配，不是读数。HSL 数字变化 5，人无法预知表面会怎样，必须看一块反射（屏幕上的填充）。预览把连续调节闭环：手一动，块一变，再决定要不要继续。延迟或只在松手时更新，闭环断开，用户会反复微调同一通道。
色块还要大到能看出均匀性和边缘。几像素的点会被周围界面色吞掉，看起来偏色。成对预览（旧色 | 新色）能支持「和刚才比」，单块预览只能支持「现在是什么」。背景应中性，以免预览本身被衬得发冷或发暖。
边界
透明色必须画在棋盘格上，否则预览把 alpha 当成不透明的浅色。取色滴管跟的是光标下的像素，预览应跟滴管走，不要等点击才跳。色域警告可以叠在预览上，但不能把预览换成警告图标——人要看的仍是那块色。触发器太小时，面板内的大预览仍不可少；不能用触发器上的 16 像素方点代替调节中的判断面。多人主题编辑时，预览应反映将写入的值，而不是别人光标下尚未提交的值。
怎么落地
- 在面板里放一块稳定的大色块，所有输入通道都驱动它，延迟不得超过一帧的体感。
- 需要比较时用旧 | 新双块；透明画在棋盘格上。
- 把当前色同步到触发器色块，关闭后再打开应仍对得上。
- 验证：拖动任一滑条，眼不离开预览。块不跟着动，或只在松手时跳变，即时预览就失败了。