选择原始颜色
保持源页“一种颜色输入后求相反色”的简单逻辑,但把结果扩成原色、反色、文本建议一起看。
原色与相反色
适合快速判断文字颜色、对比色按钮或强调区域该往哪个方向走。
原始颜色#1C97F5
相反颜色#E3680A
- HEX 结果
- #E3680A
- RGB 结果
- rgb(227, 104, 10)
- 推荐文字颜色
- 深色文字更清晰
- 快速建议
- 适合做深色按钮、标题底或对比块。
常见用途
- 快速找到按钮 hover、提醒标签或图表强调色的反向选择。
- 判断亮底深字还是深底浅字更合适。
- 给演示图、海报和卡片封面寻找更有对比感的颜色。
计算说明
- 这里按 RGB 通道逐一做 255 反转,得到最直接的相反色。
- 输出结果更适合做视觉对比,并不等同于所有设计体系里的互补色规则。
- 如果你更关心界面可读性,优先参考“推荐文字颜色”。

网友评论