简化您的工作流程:搜索 miniwebtool。
添加插件
主页 > 杂项 > 颜色工具 > 颜色反转器
 

颜色反转器

使用我们免费的在线工具立即反转颜色。支持 HEX、RGB、HSL、CMYK 格式,具备实时预览、色轮可视化、无障碍对比度检查 (WCAG) 以及互补色生成功能。

颜色反转器
快速示例:
HEX
RGB
HSL
CMYK
原始颜色
示例文字
HEX #4285F4
RGB rgb(66, 133, 244)
HSL hsl(217, 89%, 61%)
CMYK cmyk(73%, 45%, 0%, 4%)
反转颜色
示例文字
HEX #BD7A0B
RGB rgb(189, 122, 11)
HSL hsl(37, 89%, 39%)
CMYK cmyk(0%, 35%, 94%, 26%)
无障碍对比度检查
8.59:1
对比度
通过
WCAG AA 普通
通过
WCAG AA 大型
通过
WCAG AAA 普通
📋 转换历史记录
尚未有转换记录。开始反转颜色以建立您的历史记录。
已复制到剪贴簿!

Embed 颜色反转器 Widget

颜色反转器

欢迎使用颜色反转器,这是一款专为设计师、开发人員和无障碍设计专业人士打造的强大免费线上工具。立即以 HEX、RGB、HSL 和 CMYK 格式反转颜色,并提供即时预览、互动式色轮视觉化以及符合 WCAG 标准的对比度检查。无论您需要建立深色模式设计、寻找互补色,还是确保符合无障碍合规性,此工具都能提供您所需的一切。

什么是颜色反转?

颜色反转透过对其 RGB 值进行数学转换来建立颜色的负片或相反色。标准的 RGB 反转公式是从 255 中减去每个颜色分量:

RGB 反转公式
R' = 255 - R, G' = 255 - G, B' = 255 - B

例如,反转纯红色(#FF0000)会产生青色(#00FFFF),而反转白色(#FFFFFF)则会产生黑色(#000000)。这种数学关系意味著每种颜色都恰好有一个反转对应项。

RGB 反转 vs 互补色

此工具提供两种反转模式,产生的结果不同:

支持的颜色格式

HEX(十六进位)

最常见的网页颜色格式,HEX 使用六位十六进位数字(0-9, A-F)来表示 RGB 值。格式为 #RRGGBB,其中 RR 是红色,GG 是绿色,BB 是蓝色。每对范围从 00 (0) 到 FF (255)。

RGB(红、绿、蓝)

螢幕和显示器使用的加法混色模型。每个分量范围从 0 到 255,(0,0,0) 为黑色,(255,255,255) 为白色。RGB 对于理解光线混合颜色非常直觀。

HSL(色相、饱和度、亮度)

对设计师而言更直觀的颜色模型。色相是色轮上的一个角度(0-360),饱和度是颜色強度(0-100%),亮度是明暗度(0-100%)。HSL 让建立颜色变化变得容易。

CMYK(青、洋红、黄、黑)

印刷中使用的减法混色模型。每个分量范围从 0-100%,代表每种油墨的含量。在准备印刷设计时,CMYK 值非常有用。

如何使用此工具

  1. 选择输入格式:根据您想要输入颜色的方式,选择偏好的颜色格式标签(HEX、RGB、HSL 或 CMYK)。
  2. 输入您的颜色:使用文字欄位输入您的颜色值,或使用颜色选取器进行视觉化选取。点击示例色块进行快速测试。
  3. 选择反转模式:选择「RGB 反转」以獲得数学上的颜色负片(255 减去每个 RGB 值),或选择「互补色」以獲得色轮对面的颜色(180 度色相旋转)。
  4. 查看结果:查看即时预览,显示您的原始颜色及其反转版本。色轮视觉化会显示两种颜色及其位置。
  5. 检查无障碍性:查看 WCAG 对比度,确保您的颜色组合符合文字可读性的无障碍标准。
  6. 复制颜色代码:点击任何颜色代码格式(HEX、RGB、HSL、CMYK)将其复制到剪贴簿,以便在您的设计项目中使用。

了解 WCAG 对比度

网页内容无障碍设计指引 (WCAG) 定义了文字可读性的最低对比度:

WCAG AA(最低要求)

WCAG AAA(增强要求)

此工具会自动计算原始颜色与反转颜色之间的对比度,显示它們是否符合 WCAG AA 和 AAA 标准。这对于确保视觉障碍使用者能夠存取您的设计至关重要。

实际应用

深色模式设计

颜色反转是深色模式界面的基础。透过反转浅色背景和深色文字,您可以建立具备无障碍性的深色主题。然而,纯数学反转通常需要调整以獲得舒适的觀看体验。

无障碍性

对于低视力或色盲使用者而言,寻找高对比度的颜色组合至关重要。WCAG 对比度检查器有助于确保您的文字对所有使用者保持可读性。

照片编辑

反转颜色会建立照片负片,这是一种经典的艺术效果。了解颜色反转有助于影像处理和特效制作。

品牌与设计

互补色(色轮上 180 度相对的颜色)可为标志、行銷素材和 UI 设计建立充满活力且引人注目的组合。

印刷准备

在准备印刷设计时,在 RGB 和 CMYK 之间进行转换至关重要。此工具显示原始颜色和反转颜色的 CMYK 值。

色轮与互补色

互动式色轮视觉化显示了您的颜色在光谱中的位置。互补色在色轮上直接相对,在保持颜色和谐的同时建立最大的视觉对比。

色轮上的关键颜色关系:

常见问题

什么是颜色反转?

颜色反转是透过从 255 中减去每个 RGB 分量来建立颜色的负片过程。例如,反转白色(#FFFFFF,RGB 为 255,255,255)会产生黑色(#000000,RGB 为 0,0,0)。这会在 RGB 光谱上建立完全相反的颜色,对于建立高对比度设计和无障碍功能非常有用。

反转色和互补色有什么不同?

反转色(RGB 反转)是透过从 255 中减去每个 RGB 值计算出来的,建立数学上的负片。互补色则是透过在色轮上旋转 180 度(在 HSL 中将色相值加 180)找到的。虽然两者都能建立对比色,但互补色保持相同的饱和度和亮度,使其在设计用途上更趋于和谐。

如何检查无障碍设计的颜色对比度?

WCAG(网页内容无障碍设计指引)定义了无障碍设计的对比度。普通文字至少需要 4.5:1 的对比度(AA 级),而大文字则需要 3:1。为了增强无障碍性(AAA 级),普通文字需要 7:1,大文字需要 4.5:1。此工具会自动计算原始颜色与反转颜色之间的对比度,并显示 WCAG 合规状态。

此工具支持哪些颜色格式?

此颜色反转器支持四种主要的颜色格式:HEX(十六进位,如 #FF5733)、RGB(红、绿、蓝,值为 0-255)、HSL(色相 0-360、饱和度 0-100%、亮度 0-100%)和 CMYK(青、洋红、黄、黑,0-100%)。所有格式都会自动转换并显示,方便复制。

为什么我需要反转颜色?

颜色反转对于以下情况非常有用:建立设计的深色模式版本、为无障碍设计产生高对比度配色方案、设计照片负片和艺术效果、在背景中寻找可读的文字颜色、建立品牌互补色调色盘,以及开发需要切换亮色/深色主题的使用者界面。

技术细节

色彩空间转换

此工具使用标准算法在色彩空间之间執行精确转换。RGB 到 HSL 的转换保留了知觉颜色关系,而 CMYK 转换使用适用于螢幕预览的简化公式(专业印刷工作可能需要 ICC 色彩设定檔)。

互补色公式 (HSL)
H' = (H + 180) mod 360, S' = S, L' = L

对比度计算

WCAG 对比度是使用相对亮度值计算的:

对比度
对比度 = (L1 + 0.05) / (L2 + 0.05)

其中 L1 是较淺颜色的相对亮度,L2 是较深颜色的相对亮度。相对亮度考量了人类对不同颜色波长的感知。

其他资源

引用此内容、页面或工具为:

"颜色反转器" 于 https://MiniWebtool.com/zh-cn/颜色反转器/,来自 MiniWebtool,https://MiniWebtool.com/

由 miniwebtool 团隊提供。更新日期:2026年1月7日

其他相关工具:

颜色工具:

常用工具:

MAC地址查找srt时间偏移太阳、月亮与上升星座计算器 🌞🌙✨网址提取器MAC地址生成器相关系数计算器血糖转换器定期存款计算器英尺英寸转换为厘米质数因子计算器质数检查器音频提取器CAGR计算器两点间距离计算器百分比折扣计算器SHA256 哈希生成器MAC 地址分析工具彩票号码生成器VAT计算器分数计算器HEX计算器样本量计算器随机选择器FPS 转换器音频分割器英尺到米转换器图片打码工具随机分组生成器相对标准偏差计算器二进制计算器合并视频SRT转为TXT工具罗马数字转换器月亮星座计算器比例计算器kg到lbs转换器随机扑克牌生成器多项式展开计算器磅转千克转换器随机超能力生成器MD5哈希生成器利润计算器毛利率计算器斜边计算器视频转图片提取器我的生肖是什么?SRT合并工具平方根计算器期权希腊值计算器随机字符串生成器年龄计算器随机字母生成器百分比计算器卡方检验计算器cpm计算器真心话大冒险生成器不可见字符移除器反向文字行数统计工具复数计算器文本转SQL列表转换器阶乘计算器随机名字选择器视频分割器One Rep Max (1RM) 计算器URL Slug 生成器为图片添加文字数字提取器对数计算器花样字体生成器图片分割器圆计算器抛硬币随机颜色生成器百分比变化计算器股息收益率计算器AI标点符号添加器Bar to PSI 转换器GIF 制作器Log Base 10 计算器最大公因子计算器英寸到厘米转换器生命道路号码计算器随机域名生成器随机锦标赛对阵生成器箱线图生成器土星回归计算器工资转换计算器年金现值计算器猫咪卡路里计算器t检验计算器Zalgo文本生成器美国通货膨胀计算器随机英文单词生成器ASCII艺术生成器商和余数计算器最小公倍数计算器直方图生成器积分计算器二次公式计算器原根计算器RSA加密逐步模拟器欧拉特征计算器多边形对角线计算器圆锥展开图模板生成器函数奇偶性判断器傅里叶级数系数计算器龙格-库塔RK4方法计算器朗斯基行列式计算器矩阵迹计算器矩阵秩计算器随机声音频率生成器随机和弦生成器随机装备生成器随机扑克手牌生成器随机国际象棋开局生成器随机RPG角色生成器奇异值分解SVD计算器基尼系数计算器马尔可夫链稳态分布计算器鸽巢原理计算器斯特林数计算器错排 子阶乘计算器卡特兰数生成器图度数序列验证器最小生成树计算器迪杰斯特拉最短路径计算器幻方生成器快乐数计算器考拉兹猜想计算器曲率计算器收敛半径计算器矩阵LU分解计算器向量投影计算器格拉姆-施密特计算器球体方程计算器点到平面距离计算器三角形垂心计算器三角形重心计算器鞋带公式计算器连分数计算器模乘逆元计算器扩展欧几里得算法计算器欧拉函数计算器中国剩余定理计算器韦恩图生成器3集合集合论计算器真值表生成器人类与蚂蚁体重换算器灯泡节省计算器淋浴费用计算器比特币挖矿电费计算器卫生纸价值计算器Instagram用户ID查询键盘里程计算器流行语宾果生成器病假概率计算器实际时薪计算器咖啡vs睡眠计算器邮件回复时间计算器FIRE计算器通勤浪费时间计算器会议成本计时器厕所工资计算器kakuro生成器聪聪数独生成器 算独数织生成器-picross24点游戏求解器与训练器数独生成器与求解器奶酪拼盘计算器巧克力喷泉计算器鸡尾酒ABV计算器意大利面分量计算器啤酒冷却时间计算器墨西哥卷饼吧计算器烧烤计算器咖啡因过量计算器披萨派对规划器婚礼酒水计算器乐高积木房屋计算器爆米花填充房间计算器硬币坠落冲击计算器穿越地球坠落计算器香蕉辐射计算器仓鼠发电计算器传送错误率计算器动能烤鸡计算器氦气球升力计算器僵尸生存时间计算器Googlebot抓取大小检测器停车比率计算器圣诞树计算器吸血鬼末日计算器披萨价值计算器柠檬水摊位计算器随机美国州生成器随机借口生成器随机活动生成器随机鸡尾酒配方生成器随机电影选择器随机俳句生成器随机写作提示生成器随机IMEI生成器随机用户画像生成器随机虚假地址生成器随机端口号生成器随机 NanoID 生成器随机PIN生成器电池续航计算器PCB走线宽度计算器电压降计算器欧姆定律计算器电阻色环计算器.htaccess 重定向生成计算器SVG优化器网站图标生成器crontab表达式生成器SQL格式化工具cURL转JSON转换器JWT解码器JSON转YAML转换器酵母换算计算器烘焙烤盘尺寸转换器面团水合率计算器面包百分比计算器十字绣尺寸计算器布料计算器毛线计算器盐水与盐度计算器咖啡冲泡比例计算器自酿啤酒酒精度计算器蜡烛蜡香精油计算器皂化值碱液计算器 (SAP)打印尺寸分辨率计算器 (DPI/PPI)黄金时刻和蓝调时刻计算器景深 (DoF) 计算器骰子概率计算器植物间距计算器比例模型换算计算器水族箱底砂计算器水族箱容量和养鱼密度计算器转盘抽奖骰子滚轮石头剪刀布生成器神奇8号球随机ip地址生成器随机时间生成器随机日期生成器随机坐标生成器随机用户代理生成器随机信用卡生成器随机 JSON 生成器随机国家生成器随机调色板生成器随机表情符号生成器随机餐点生成器高斯分布生成器点值计算器日复利计算器马丁格尔策略计算器凯利公式计算器止损止盈计算器斐波纳契扩展计算器枢轴点计算器加密货币杠杆计算器聪美元转换器加密货币套利计算器无常损失计算器期权盈利计算器隐含波动率计算器布莱克-舒尔斯计算器破产风险计算器做空盈亏计算器保证金追缴计算器仓位规模计算器股票平均成本计算器文本列提取器列表差异计算器隐形文本生成器