相反颜色计算器

在线计算颜色的相反色、互补色及配色方案

输入颜色
HSL(209°, 100%, 55%)
原色
#1890FF
rgb(24, 144, 255)
互补色
#FF881A
rgb(255, 136, 26)

渐变效果

主要相反色

#FF881A
互补色
色相环上相对的颜色,形成强烈对比
#FF881Argb(255, 136, 26)
#E76F00
RGB 反转
每个通道取反 (255 - 原值)
#E76F00rgb(231, 111, 0)
#0077E6
亮度反转
明暗互换,保持色相和饱和度
#0077E6rgb(0, 119, 230)
#8C8C8C
饱和度反转
鲜艳与灰暗互换
#8C8C8Crgb(140, 140, 140)

工具概述

相反颜色计算器可以帮助您快速计算一个颜色的各种相反色和配色方案,包括互补色、RGB反转、亮度反转等多种计算方式,是设计师和开发者的实用配色工具。

计算方式说明

1. 互补色

色相环上与原色相对的颜色(色相+180°)。互补色形成最强烈的对比效果,常用于突出重点或创建视觉冲击。

2. RGB 反转

对 RGB 每个通道取反(255 - 原值)。这是最简单的反转方式,但不一定产生和谐的配色。

3. 亮度反转

保持色相和饱和度不变,只反转亮度值。适合需要保持色调统一但明暗对比的场景。

4. 饱和度反转

保持色相和亮度不变,反转饱和度。可以将鲜艳的颜色变成灰色调,或反之。

5. 分裂互补色

使用互补色两侧的颜色代替直接互补色,形成对比但更加柔和的配色方案。

6. 三色组

色相环上等距分布的三种颜色(间隔120°),形成平衡且丰富的配色方案。

7. 四色组

色相环上等距分布的四种颜色(间隔90°),提供更多配色选择。

8. 类似色

色相相邻的颜色(±30°),形成自然、和谐的配色方案。

使用建议

  • 互补色:适合需要强烈对比的场景,如按钮、强调元素
  • 分裂互补色:对比强烈但不过于刺眼,适合主要配色
  • 三色组:平衡且有活力,适合品牌配色
  • 类似色:和谐统一,适合背景、渐变效果