颜色格式转换简介
在不同颜色表示方式之间转换，便于在开发、设计或工具间统一使用。常见格式包括 HEX、RGB、HSL、HSV 以及 CSS 颜色名称等。
本工具支持输入一种格式后实时转换为其他格式，并展示色块预览，适合前端开发、主题配置或设计稿取色后的格式统一。
颜色转换
R
G
B
A
RGB（红、绿、蓝）
rgb(246, 173, 85)
HEX（十六进制）
#F6AD55FF
HSL（色相、饱和度、亮度）
hsl(33, 90%, 65%)
HWB（色相、白度、黑度）
hwb(33, 33%, 4%)
LAB（CIELAB）
rgb(245, 173, 84)
LCH（CIELCH）
rgb(246, 172, 84)
CMYK（青、品红、黄、黑）
0.00C 29.67M 65.45Y 3.53K
XYZ（CIEXYZ）
rgb(248, 172, 83)
使用说明
输入颜色
在输入框中输入 HEX（如 #ff5500）、RGB、HSL 或选择器选色，工具会解析并显示对应色块与各格式的等价表示。
查看转换结果
转换结果会列出 HEX、RGB、HSL 等格式的数值，部分工具支持 CMYK、HSV 或 OKLCH。可复制任一格式到代码或设计软件中使用。
微调与取色
若支持滑块或取色器，可微调色相、明度、饱和度等，实时查看转换后的各格式数值，便于精确匹配设计稿。
常见问题
Q: 支持带透明度的颜色吗？
若工具支持 HEX8（如 #ff550080）或 RGBA、HSLA，会同时显示 Alpha 通道；否则透明度需在应用层单独处理。
Q: RGB 和 HSL 有什么区别？
RGB 按红绿蓝分量表示，适合屏幕与代码；HSL 按色相、饱和度、明度表示，更便于调色时理解「变亮」「更艳」等操作。
Q: 转换在本地完成吗？
通常为前端公式计算，颜色数据不会上传；具体以本站实现与隐私说明为准。