输入
#FFFFFF
输出
#000000 / rgb(0, 0, 0)
设计配色
颜色反相 - RGB 反色与暗色预览工具
按 RGB 通道计算 255 减值得反相色，支持对比预览、示例图层与 CSS 变量片段导出，适合评估暗色方案与反色映射。
颜色反相暗色
设计配色
颜色反相
#1
支持 #RGB、#RRGGBB 和 rgb(255, 255, 255)。
#000000
原始 RGB 255, 255, 255
反相 RGB 0, 0, 0
对比度 21.00:1
算法：每个 RGB 通道用 255 减去原值。例如 R(200) → R(55)。
<>
Original Inverted 使用场景
- 把浅色主色映射为反相参考色
- 预览反色后的对比效果
- 导出含反相色变量的 CSS 片段
如何使用
- 输入或选取基准色（HEX / rgb）
- 查看反相结果与分割对比预览
- 复制反相色值或 CSS
示例输入输出
FAQ
反相和互补色是一回事吗？
不是。本工具对每个 RGB 通道做 255 减去原值；互补色通常按色相环偏移，结果往往不同。
支持哪些输入格式？
支持 #RGB、#RRGGBB 与 rgb(r, g, b)。格式无效时会提示，不会更新结果。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
颜色格式转换
颜色格式转换 - HEX RGB HSL 在线工具
在浏览器本地将颜色在 HEX、RGB、HSL、HWB、CMYK 与 CSS 变量之间转换，支持取色器与随机色，适合设计稿取色、写样式和对齐品牌色。
颜色 HEX RGB
CSS 高级图像滤镜
对比/模糊/灰度滤镜组合即见器
极速拖拽拉伸产生出诸如 `filter: blur(2px) grayscale(100%);` 等极其复杂的复式视觉效果组合。配备实时覆盖原图的热响应。支持自由组合发现意想不到的滤镜效果。
Design CSS Frontend
粉彩配色生成
粉彩配色生成 - 低饱和调色板工具
在浏览器本地生成低饱和粉彩与莫兰迪风格调色板，可选数量与风格并导出 HEX 列表或 CSS 变量，适合图表、背景与柔和 UI。
粉彩 配色 调色板