所有工具Multilities
颜色转换器
在 HEX、RGB、HSL 之间转换
预览
#0ea5e9rgb(14, 165, 233)hsl(199, 89%, 48%)[#0EA5E9]编辑 RGB
编辑 HSL
工作原理
颜色转换器 — 在 HEX、RGB、HSL 之间转换. 所有处理都在您的浏览器中进行 — 无需上传、无需注册、无需邮箱。永久免费。
最后更新:
关于 颜色转换器
在设计稿、CSS 和品牌规范之间需要不停切换 HEX、RGB、HSL?Multilities 的颜色转换器可以一键互转,并实时预览效果,帮你快速对齐设计与代码。
适合 UI 设计师、前端开发者和品牌运营。无需注册,所有计算都在浏览器中完成。
常见问题
支持哪些颜色空间？
HEX、RGB 和 HSL。我们还会生成「Tailwind arbitrary value」格式，可直接粘贴到类名中。
可以保存调色板吗？
尚不支持。目前请使用复制按钮将每个值复制到剪贴板。保存调色板已在路线图中。
处理 alpha 通道吗？
目前不支持。我们专注于不透明颜色；HEX-A 和 RGBA 支持已规划。
支持哪些颜色格式?
支持 HEX、RGB(A)、HSL(A) 之间的互相转换,显示对应数值并提供拷贝按钮。
可以保留透明度吗?
可以。转换 RGBA / HSLA 时会保留 alpha 通道。
色值会自动校正吗?
输入异常值时,会提示错误并尝试给出最接近的合法颜色。