颜色转换器(HEX/RGB/HSL 实时互转)

支持透明度调节、图片取色、配色方案生成,纯浏览器端处理
HEX
100%
请选择颜色
#4361EE
RGB
67
97
238
100%
HSL
231°
84%
60%
100%
常用配色方案
关于颜色转换器
什么是颜色转换器?
颜色转换器是一种支持 HEX、RGB、HSL 等多种颜色格式互转的在线工具。它可以实时转换颜色代码,支持透明度调节,可从上传的图片中提取主色调,并能生成协调的配色方案。本工具纯浏览器端运行,数据不上传服务器,适合设计师和开发者使用。
支持哪些颜色格式转换?
支持五种主流格式:HEX(十六进制,如 #4361EE)、RGB(红绿蓝,如 rgb(67, 97, 238))、RGBA(带透明度)、HSL(色相/饱和度/亮度)、HSLA(带透明度)。所有格式均可实时双向转换,修改任一格式其他格式自动同步更新。
如何从图片中提取颜色?
点击"提取颜色"按钮,上传图片(支持 JPG、PNG、GIF、WebP,最大 10MB)。工具提供三种提取模式:提取主要颜色(获取8种主色调)、提取所有显著颜色(获取16种显著不同的颜色)、生成配色方案(基于主色生成5色协调方案)。点击提取的颜色即可应用到转换器中。
WCAG 对比度检测如何使用?
底部状态栏实时显示当前颜色与黑白两色的对比度比值。WCAG AA 标准要求正文文字对比度至少 4.5:1,大文字至少 3:1。工具会自动判断并显示"WCAG AA"达标标识或"不达标"提示,帮助您选择符合无障碍标准的颜色组合。
实时同步 图片取色 配色方案 WCAG检测
格式互转

HEX、RGB、HSL 五种格式实时双向转换,修改任一格式自动同步

图片取色

上传图片智能提取主色调,支持多种提取模式和配色方案生成

隐私安全

纯浏览器端处理,图片和颜色数据不上传服务器,保障隐私安全

无障碍检测

实时计算 WCAG 对比度,确保颜色组合符合无障碍访问标准