相反颜色取色
输入一个颜色，同时给出 RGB 反色、HSL 互补色与明度反转色三种「相反色」，点色块即复制，附对比度参考。
原色 / Source
3 / 6 位 HEX
相反色 / Opposites
就绪
白底对比度 —
黑底对比度 —
反色对比度 —
得到 3 种相反色
输出 0 字符
耗时 0 ms
就绪
About
三种「相反色」不一样
RGB 反色是每通道 255 − 值，等价于 CSS filter: invert(1)，最粗暴的「负片」。HSL 互补色色相 +180°、饱和度亮度不动，是色轮上正对面、最常用于对比色配色。明度反转保持色相饱和、只把亮度 L 翻转，同色系的深浅对映。
常用场景
- 找 hover / active 态：互补色做点缀，明度反转做深浅按压
- 深色模式取色：浅色主题的主色做明度反转，直接当暗色主题底
- 检查可读性：下方给出白底 / 黑底 / 反色三种对比度，≥ 4.5 为正文达标
小提示
RGB 反色会把色相整个甩到对面，慎用于品牌色；要「同一个颜色的相反情绪」用 HSL 互补色更稳。点任意色块即可复制它的 HEX。