🎨

颜色转换器

免费在线颜色格式转换器,在 HEX、RGB、RGBA、HSL 之间转换,实时颜色预览

R
G
B

如何使用颜色转换器

快速入门指南

1

输入任意格式的颜色值(HEX、RGB、HSL)

2

工具会自动转换为所有其他格式

3

点击颜色预览区域可视化选择颜色

4

使用复制按钮复制不同格式的值

💡实用技巧

支持HEX (#RRGGBB)、RGB (r,g,b)和HSL (h,s,l)格式
输入时实时转换
颜色预览显示准确的颜色效果
所有转换都在浏览器本地完成

常见问题

颜色转换器支持 HEX(如 #FF5733)、RGB(如 rgb(255,87,51))、HSL(如 hsl(9,100%,60%))、HSV、CMYK 和命名颜色(如 "coral")。你可以在任意格式间即时转换——只需输入一种格式的值,所有其他格式会自动计算出来。
只需将 HEX 颜色代码(带或不带 # 前缀)粘贴或输入到输入框中,RGB 等效值即刻显示。例如 #FF5733 转换为 rgb(255, 87, 51)。转换为实时进行,无需点击按钮。
可以!工具内置了颜色选择器,让你从色谱中直观地选择任意颜色。拖动选择器时,HEX、RGB、HSL 和其他格式的值都会实时更新。非常适合设计师在不记忆颜色代码的情况下找到合适的色调。
HSL(色相、饱和度、亮度)用亮度百分比描述颜色——0% 是黑色,100% 是白色。HSV(色相、饱和度、明度)用"明度"替代亮度,0% 是黑色,100% 是颜色最纯的形态。HSL 对设计工作更直观,HSV 更接近艺术家调色的方式。
支持的,转换器识别全部 140+ 种 CSS 命名颜色,包括 Web 标准颜色如 "coral"、"tomato"、"dodgerblue"、"mediumseagreen" 等。输入命名颜色,工具会即时显示其 HEX、RGB、HSL 等格式。

还有疑问?查看我们的其他工具或 联系我们 获取支持。