主色不是简单的平均色 —— 整张图平均下来通常是一片灰。这里把像素按 4 位量化成 4096 个颜色桶,统计每个桶的占比,再按占比排序、按色彩距离去重,得到的是「人眼看到的那几种颜色」。
占比最高的一色适合做主色,第二三色适合做强调色。明暗阶用主色与黑/白混合生成,正好够搭一套按钮的 hover、active、disabled。
hover
active
disabled