颜色转换
输入HEX或RGB色值，多种格式实时互转
RGB 数值（0 – 255）
HEX 色值格式不对，应为 #2563EB 六位或 #abc 三位十六进制
#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CSS 写法color: #2563EB;
常用颜色对照表
常见颜色名称、HEX 色值与 RGB 数值一览
颜色名称HEX 色值RGB 数值
黑色
#000000
0, 0, 0
白色
#FFFFFF
255, 255, 255
红色
#FF0000
255, 0, 0
橙色
#FF8000
255, 128, 0
金黄色
#FFD700
255, 215, 0
黄色
#FFFF00
255, 255, 0
绿色
#008000
0, 128, 0
青色
#00FFFF
0, 255, 255
蓝色
#0000FF
0, 0, 255
天蓝色
#87CEEB
135, 206, 238
藏青色
#000080
0, 0, 128
紫色
#800080
128, 0, 128
粉色
#FFC0CB
255, 192, 203
玫红色
#FF00FF
255, 0, 255
棕色
#8B4513
139, 69, 19
灰色
#808080
128, 128, 128
银色
#C0C0C0
192, 192, 192
春绿色
#00FF7F
0, 255, 127
工具介绍
色值怎么转、颜色代码怎么用
颜色转换是一款免费的在线HEX RGB互转工具：输入十六进制色值或 RGB 数值，立刻看到颜色效果并同步给出 HEX、RGB、HSL 三种格式和 CSS 写法，也可以直接点选颜色取值；配套常用颜色对照表，中文名称对色号一查即得。设计取色、改 CSS 配色、对色号，一个输入全换算完。转换在浏览器本地完成，不上传任何数据。
转换规则说明
HEX、RGB、HSL 的口径与换算关系
HEX 色值：网页最常见的写法，#RRGGBB 六位十六进制，前两位红色、中间两位绿色、末两位蓝色，如 #FF0000 纯红（FF=255）。支持 #abc 三位缩写（每位补一倍成 #aabbcc）。字母大小写等价，本工具统一显示大写。
RGB 数值：红绿蓝三通道各 0 – 255 共 256 级（16⁶ = 256³ ≈ 1677 万色），全 0 为黑、全 255 为白。HEX 与 RGB 逐通道对应：#2563EB → R=0x25=37、G=0x63=99、B=0xEB=235。
HSL 色值：按色相 Hue（0 – 360°）、饱和度 Saturation、亮度 Lightness（各 0 – 100%）描述颜色，比 RGB 更接近人的直觉。换算按标准公式：如 #2563EB → hsl(221, 83%, 53%)。CSS 里三种格式都能直接写。
常见问题
关于色值转换的常见疑问
HEX和RGB有什么区别？
是同一个颜色的两种写法：HEX 把红绿蓝三个通道写成六位十六进制（#2563EB），紧凑好复制，网页里最常见；RGB 用三个十进制数（37, 99, 235）直观看成分。数值完全等价，用本工具一输即互转。
#FF0000是什么颜色？
纯红色。FF = 255，即红通道拉满、绿蓝为 0。同理 #00FF00 纯绿、#0000FF 纯蓝、#FFFFFF 白、#000000 黑。把色值贴进本工具，色块立刻显示对应颜色，不用背。
RGB每格最大为什么是255？
每个通道用 8 位二进制（1 字节）存储，2⁸ = 256 级，所以范围是 0 – 255；三个通道组合出 256³ ≈ 1677 万种颜色，正好对应 HEX 的六位十六进制（16⁶）。现代设计稿偶尔见到 10 位深色（0-1023），网页场景仍是 8 位主流。
HSL是什么？和RGB怎么换算？
HSL 用色相、饱和度、亮度三个直觉维度描述颜色：H 0° 红、120° 绿、240° 蓝，转一圈回到红；S 越高越鲜艳；L 0% 黑、100% 白。它与 RGB 有确定的数学换算（标准公式），本工具输入任意色值即同步给出 HSL 结果。
网页CSS里怎么写颜色？
三种写法都合法：color: #2563EB;、color: rgb(37, 99, 235);、color: hsl(221, 83%, 53%);，带透明度用 #2563EBCC、rgba(37,99,235,0.8) 或 hsla。本工具结果区直接给出可复制的 CSS 写法。
怎么从一张图片里取色？
微信/QQ 截图工具、Photoshop、Pixpick 都有吸管功能，屏幕上一点就得到 HEX 色值；拿到色值后贴进本工具，立刻看到颜色全貌并换成 RGB、HSL 格式，配色文档一次写齐。
相关工具
电脑网络 · 其他常用工具