ZH
我的工具

颜色反转工具(HEX 颜色反色)

把 HEX 或 RGB 颜色反转为底片效果(255 − 各通道),或只在 OKLCH 中反转明度以制作深色模式配色。支持带色块的批量列表。

每行一个颜色(HEX、rgb()、hsl() 或 CSS 名称),最多 200 个。
我的工具 →
广告

反转颜色就是把它变成照片底片的效果:RGB 每个通道变成 255 减去原值,所以白色变成黑色,橙色变成蓝青色。这个工具可以一次反转整个颜色列表,还提供更聪明的 OKLCH“仅明度”反转——深色变浅色,但色相保持不变——把浅色主题改成深色主题时,通常你想要的就是这种效果。

使用方法

  1. 粘贴您的颜色,每行一个。
  2. 查看每个颜色的普通反色(每个通道 255 − 原值)。
  3. 需要保持色相不变的深色模式版本时,使用“明度反转”一列。
  4. 与互补色对比,并下载前后对比图。

计算公式

反色 = (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)。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 颜色反转工具(HEX 颜色反色). https://kakao.mobile/zh/tools/color-inverter/

MLA

“颜色反转工具(HEX 颜色反色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-inverter/.

广告