颜色转换器
在 HEX、RGB、HSL 格式之间转换颜色
100% 私密且安全
您的数据不会离开浏览器
接受 HEX、RGB、HSL、HSV 或颜色名称
或选择颜色
如何在线转换颜色？
1
输入颜色
以任何格式输入颜色：HEX (#ff0000)、RGB (rgb(255,0,0))、HSL、HSV 或颜色名称（red）。
2
查看所有格式
即时看到您的颜色转换为 HEX、RGB、HSL 和其他格式。可视化预览颜色。
3
检查无障碍性
查看 WCAG 对比度比率以了解文字可读性。确保您的颜色选择符合无障碍标准。
为什么使用 BrowserKits 颜色转换器？
100% 客户端
所有颜色转换都在您的浏览器中进行。无需服务器请求。
多种格式
在 HEX、RGB、HSL、HSV 和 CSS 颜色名称之间转换。一次获得所有格式。
无障碍检查
内置 WCAG 对比度检查器确保您的颜色组合可读且无障碍。
完全免费
无限制、无需注册、无隐藏费用。无限量转换颜色。
应用场景
🎨
设计工作
为平面设计、UI/UX 项目和创意工作流程在不同格式之间转换颜色。
💻
CSS 开发
快速将颜色转换为样式表、CSS 变量和 Web 项目所需的格式。
🏢
品牌色彩
跨不同格式管理品牌调色板，以实现一致的跨平台设计。
技术原理：客户端处理技术
您的隐私是我们的首要考量。以下是我们的方法与众不同之处：
颜色数学
精确的色彩空间转换算法在所有格式之间准确转换颜色。
多种格式
支持 HEX、RGB、HSL、HSV 和 CSS 颜色名称，可在所有格式之间即时转换。
实时预览
通过视觉预览和无障碍对比度检查实时查看您的颜色。
常见问题
支持哪些颜色格式？
此工具接受 HEX 代码（#rgb 或 #rrggbb）、RGB（rgb(r,g,b)）、HSL（hsl(h,s%,l%)）、HSV 和 CSS 颜色名称，如“red”、“blue”、“coral”等。
什么是对比度检查器？
对比度检查器根据 WCAG 指南显示白色或黑色文字在您的颜色上是否可读。AA 级要求正常文字 4.5:1，AAA 级要求 7:1。
可以使用颜色选择器吗？
可以，点击颜色选择器以可视化选择任何颜色。选择的颜色会自动转换为所有支持的格式。