输入待比较的颜色
延续源页“第一颜色 + 第二颜色”的使用方式,但把抽象的相似度结果改成数字、进度和文字提示一起看。
匹配度结果
分数越高说明越接近;同时展示 RGB 距离,方便你判断是“细微调整”还是“明显偏色”。
颜色 A#1C97F5
颜色 B#13456C
- 匹配度
- 0%
- RGB 距离
- 0
分数越高,两种颜色越接近。
判断建议
- 90% 以上通常只属于轻微偏色,适合做同系替换。
- 70% 到 90% 更像相近色,适合做 hover 或辅助状态。
- 70% 以下一般已经是明显差异,需要重新看配色方案。
适合场景
- 对照设计稿与前端实装颜色是否偏差过大。
- 比对两套主题色、品牌色或导出图片里的色值接近程度。
- 挑选近似替代色,减少人工反复试错。

网友评论