颜色反转工具(HEX 颜色反色)
把 HEX 或 RGB 颜色反转为底片效果(255 − 各通道),或只在 OKLCH 中反转明度以制作深色模式配色。支持带色块的批量列表。
反转颜色就是把它变成照片底片的效果:RGB 每个通道变成 255 减去原值,所以白色变成黑色,橙色变成蓝青色。这个工具可以一次反转整个颜色列表,还提供更聪明的 OKLCH“仅明度”反转——深色变浅色,但色相保持不变——把浅色主题改成深色主题时,通常你想要的就是这种效果。
使用方法
- 粘贴您的颜色,每行一个。
- 查看每个颜色的普通反色(每个通道 255 − 原值)。
- 需要保持色相不变的深色模式版本时,使用“明度反转”一列。
- 与互补色对比,并下载前后对比图。
计算公式
反色 = (255 − R, 255 − G, 255 − B) · 明度反转 = OKLCH(1 − L, C, H)
普通反色同时翻转色相和明度。明度反转保持色相和色度,只对感知明度做镜像;如果结果会超出 sRGB 色域,就降低色度。互补色(HSL 色相 + 180°)翻转色相,但保持明度。
示例
番茄红 #FF6347 = rgb(255, 99, 71) 反色后是 rgb(0, 156, 184) = #009CB8,一种青绿色。它的明度反转保持红色色相,变成深红色 #640000,而它的互补色是浅青色 #47E3FF。中灰 #808080 反色后是 #7F7F7F,几乎没变,但它的 OKLCH 明度 60% 会翻转为 40%,得到 #484848。
常见问题
反色和互补色是一回事吗?
不是。反色会同时翻转明度和色相,所以浅色会变深。互补色则是在色轮上位于对面、明度相同的颜色。对于 #FF0000 这样纯粹、饱和度最高的颜色,两者恰好一致。
为什么灰色反色后几乎没变化?
反色是把每个通道以 127.5 为中心做镜像,所以靠近中间的颜色仍然靠近中间:#808080 变成 #7F7F7F。
怎样反转图片?
使用图片反色工具,它会对照片的每个像素应用同样的 255 − c 规则;也可以在 CSS 中使用 filter: invert(1)。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/color-inverter/
引用此工具
kakaoCalc. (2026, November 8). 颜色反转工具(HEX 颜色反色). https://kakao.mobile/zh/tools/color-inverter/
“颜色反转工具(HEX 颜色反色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-inverter/.