简化您的工作流程:搜索 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地址查找百分比折扣计算器CAGR计算器网址提取器AI标点符号添加器彩票号码生成器VAT计算器AI语言检测器HEX计算器MAC地址生成器样本量计算器cpm计算器英尺英寸转换为厘米太阳、月亮与上升星座计算器 🌞🌙✨两点间距离计算器毛利率计算器随机分组生成器比例计算器定期存款计算器MAC 地址分析工具血糖转换器因子计算器随机选择器分数计算器One Rep Max (1RM) 计算器音频提取器真心话大冒险生成器t检验计算器SHA256 哈希生成器kg到lbs转换器商和余数计算器随机字符串生成器斜边计算器标准偏差计算器 - 高精度百分比计算器srt时间偏移对数计算器SRT转为TXT工具利润计算器英寸到厘米转换器视频转图片提取器百分比增加计算器变异系数计算器圆计算器质数检查器音频分割器最简分数计算器合并视频图片打码工具罗马数字转换器FPS 转换器百分比增长率计算器移除标点符号在线工具厘米到英尺和英寸转换器按位计算器调整视频速度随机颜色生成器卧推计算器阶乘计算器磅转千克转换器相关系数计算器视频压缩器平均值计算器-高精度百分比变化计算器科学记数法计算器总和计算器二项概率分布计算器为图片添加文字最小公倍数计算器随机字母生成器隐含波动率计算器位数计算器月亮星座计算器Facebook用户ID查询四分位数计算器英尺到米转换器质数因子计算器百分比到ppm转换器年龄计算器anova计算器半衰期计算器随机扑克牌生成器MD5哈希生成器椭圆周长计算器置信区间计算器Log Base 10 计算器止损止盈计算器厘米到英寸转换器平方根计算器DOY日历模式计算器积分计算器随机名字选择器复合增长率计算器极限计算器统计计算器英亩到平方米转换器获取字符串长度转盘抽奖十字绣尺寸计算器布料计算器毛线计算器盐水与盐度计算器咖啡冲泡比例计算器自酿啤酒酒精度计算器蜡烛蜡香精油计算器皂化值碱液计算器 (SAP)打印尺寸分辨率计算器 (DPI/PPI)黄金时刻和蓝调时刻计算器景深 (DoF) 计算器骰子概率计算器植物间距计算器比例模型换算计算器水族箱底砂计算器水族箱容量和养鱼密度计算器骰子滚轮抛硬币石头剪刀布生成器神奇8号球随机ip地址生成器随机时间生成器随机日期生成器随机坐标生成器随机用户代理生成器随机信用卡生成器随机 JSON 生成器随机国家生成器随机调色板生成器随机表情符号生成器随机餐点生成器随机锦标赛对阵生成器高斯分布生成器点值计算器日复利计算器马丁格尔策略计算器凯利公式计算器斐波纳契扩展计算器枢轴点计算器加密货币杠杆计算器聪美元转换器加密货币套利计算器无常损失计算器期权盈利计算器期权希腊值计算器布莱克-舒尔斯计算器破产风险计算器做空盈亏计算器保证金追缴计算器仓位规模计算器股票平均成本计算器不可见字符移除器文本转SQL列表转换器文本列提取器列表差异计算器Zalgo文本生成器ASCII艺术生成器隐形文本生成器倒立文本生成器Zalgo文本生成器花样字体生成器文本转语音阅读器仿生阅读转换器关键词密度检查器可读性分数计算器Lorem Ipsum生成器每日时间节省计算器智能引号删除工具markdown表格生成器JSON字符串转义反转义URL Slug 生成器html实体编码解码器X轴和Y轴截距计算器顶点和对称轴计算器函数复合计算器反函数计算器定义域与值域计算器函数绘图器不等式组图形绘制器绝对值不等式求解器不等式求解器线性方程组求解器根式方程求解器绝对值方程求解器线性方程求解器综合除法计算器多项式长除法计算器多项式展开计算器多项式因式分解计算器有理式计算器根式化简器代数表达式化简器三角函数绘图器三角恒等式计算器交互式单位圆可视化工具直角坐标到极坐标计算器极坐标到直角坐标转换器十进制度转dms转换器度分秒到十进制转换器余弦定理计算器正弦定理计算器通用三角形求解器直角三角形计算器双曲函数计算器余割正割余切计算器atan2计算器反正切计算器反余弦 (Arccos) 计算器反正弦计算器高精度正切计算器余弦计算器正弦计算器坡度与倾斜度计算器 📐斜切角度计算器 📐直角校验计算器 (3-4-5法则) 📐板英尺计算器露台甲板计算器围栏计算器覆盖物土壤和砾石计算器墙体框架计算器屋顶材料计算器屋顶坡度计算器楼梯计算器墙纸计算器地板计算器 🏠瓷砖计算器油漆计算器 🎨砖块与砂浆计算器混凝土计算器 🧱诞生石和星座花查询器凯尔特树星座计算器月亮星座兼容性计算器高级星座兼容性分析器新月和满月日历土星回归计算器水星逆行日历星盘模式平衡计算器星盘元素平衡计算器水星星座计算器火星星座计算器金星星座计算器密码强度测试器unix权限计算器Cron 任务生成器n次方根计算器 高精度频率与波长转换器XML验证器在视频中添加或替换音频为视频添加水印