颜色转换在你的浏览器中进行,不会上传。
颜色转换器
粘贴 HEX、RGB 或 HSL 颜色,即时转换成干净的 HEX、RGB 和 HSL 值,并附带实时预览色块。
颜色转换在你的浏览器中进行,不会上传。
转换颜色格式
颜色预览
RGB
HSL
面向设计与 CSS 的快速颜色格式转换
当你需要在设计工具、CSS 值、样式指南、品牌色板和快速原型之间切换时,都可以用这个颜色转换器。它支持常见的 HEX、RGB、RGBA、HSL 和 HSLA 输入格式。
转换在你的浏览器本地完成。最后一个有效颜色会保留在预览色块上,方便你在修正无效值时不丢失视觉参考。
如何使用这个工具
-
输入颜色
粘贴 HEX、RGB、RGBA、HSL 或 HSLA 颜色值,或从取色器选择颜色。
-
查看转换后的格式
查看实时的 HEX、RGB 和 HSL 输出以及预览色块。
-
复制需要的值
点击 HEX、RGB 或 HSL 旁的复制按钮,把值粘贴到你的 CSS、设计文件或文档中。
常见问题
这个颜色转换器会上传我的颜色输入吗?
不会。解析和转换都在你的浏览器本地完成。
支持哪些颜色格式?
支持 #4f46e5 这类 HEX 值、RGB/RGBA 值和 HSL/HSLA 值。
透明度(alpha)值会怎样处理?
可以解析 RGBA 和 HSLA 输入,但转换后的输出会归一化为不含透明度的 HEX、RGB 和 HSL 值。
可以用系统取色器吗?
可以。取色器会与当前有效颜色保持同步,并更新所有转换输出。