颜色转换器
颜色转换器 可将 HEX、RGB 与 HSL 色码互相转换，并显示色块预览，适合设计、CSS、品牌配色与前端开发快速查色。
免费在线图片工具
颜色转换器
HEX、RGB、HSL 色码互相转换并显示色块预览。
转换结果
HEX
#14B8A6
RGB
rgb(20, 184, 166)
HSL
hsl(173, 80%, 40%)
如何使用
- 1 输入 HEX、RGB 或 HSL。
- 2 查看色块预览与转换结果。
- 3 复制需要的色码格式。
公式
RGB 先标准化到 0–255，再转换为 HEX 与 HSL。
示例
#14B8A6 会转成 rgb(20, 184, 166) 与 hsl(173, 80%, 40%)。
常见问题
支援三位数 HEX 吗？ +
支援，例如 #0FA 会展开为 #00FFAA。
RGB 可以只输入数字吗？ +
可以，例如 20, 184, 166；也可以输入 rgb(20, 184, 166)。
色差会很大吗？ +
一般转换不会有明显色差；显示效果仍可能受萤幕与浏览器色彩管理影响。