颜色转换工具

HEX、sRGB、CMYK、HSL格式相互转换

HEX
R
G
B
H
S
L
C
M
Y
K

颜色预览

#FFFFFF

转换结果

HEX: #FFFFFF

RGB: rgb(255, 255, 255)

HSL: hsl(0, 0%, 100%)

CMYK: cmyk(0%, 0%, 0%, 0%)

HTML 标准色值参考(含16种命名颜色 + 常用扩展色)

色值名称(标准英文名) 预览 HEX 色值 RGB 色值
HTML 标准色
青色 (aqua)#00FFFFrgb(0, 255, 255)
黑色 (black)#000000rgb(0, 0, 0)
蓝色 (blue)#0000FFrgb(0, 0, 255)
洋红色 (fuchsia)#FF00FFrgb(255, 0, 255)
灰色 (gray)#808080rgb(128, 128, 128)
绿色 (green)#008000rgb(0, 128, 0)
酸橙色 (lime)#00FF00rgb(0, 255, 0)
栗色 (maroon)#800000rgb(128, 0, 0)
海军蓝 (navy)#000080rgb(0, 0, 128)
橄榄色 (olive)#808000rgb(128, 128, 0)
紫色 (purple)#800080rgb(128, 0, 128)
红色 (red)#FF0000rgb(255, 0, 0)
银色 (silver)#C0C0C0rgb(192, 192, 192)
青绿色 (teal)#008080rgb(0, 128, 128)
白色 (white)#FFFFFFrgb(255, 255, 255)
黄色 (yellow)#FFFF00rgb(255, 255, 0)
CSS 扩展色(现代浏览器支持)
橙色 (orange)#FFA500rgb(255, 165, 0)
粉色 (pink)#FFC0CBrgb(255, 192, 203)
棕色 (brown)#A52A2Argb(165, 42, 42)
珊瑚色 (coral)#FF7F50rgb(255, 127, 80)
金色 (gold)#FFD700rgb(255, 215, 0)
靛蓝色 (indigo)#4B0082rgb(75, 0, 130)
紫罗兰色 (violet)#EE82EErgb(238, 130, 238)
鲑鱼色 (salmon)#FA8072rgb(250, 128, 114)
番茄色 (tomato)#FF6347rgb(255, 99, 71)
卡其色 (khaki)#F0E68Crgb(240, 230, 140)
梅紫色 (plum)#DDA0DDrgb(221, 160, 221)
绿松石色 (turquoise)#40E0D0rgb(64, 224, 208)
米色 (beige)#F5F5DCrgb(245, 245, 220)
小麦色 (wheat)#F5DEB3rgb(245, 222, 179)
黄褐色 (tan)#D2B48Crgb(210, 180, 140)
深红色 (crimson)#DC143Crgb(220, 20, 60)
天蓝色 (skyblue)#87CEEBrgb(135, 206, 235)
亮粉色 (hotpink)#FF69B4rgb(255, 105, 180)
深粉色 (deeppink)#FF1493rgb(255, 20, 147)
深橙色 (darkorange)#FF8C00rgb(255, 140, 0)
浅绿色 (lightgreen)#90EE90rgb(144, 238, 144)
浅蓝色 (lightblue)#ADD8E6rgb(173, 216, 230)
浅灰色 (lightgray)#D3D3D3rgb(211, 211, 211)
深灰色 (darkgray)#A9A9A9rgb(169, 169, 169)
深绿色 (darkgreen)#006400rgb(0, 100, 0)
深蓝色 (darkblue)#00008Brgb(0, 0, 139)
深红色 (darkred)#8B0000rgb(139, 0, 0)
深青色 (darkcyan)#008B8Brgb(0, 139, 139)
深洋红 (darkmagenta)#8B008Brgb(139, 0, 139)
说明:
  • HTML 标准色:W3C HTML 4.01 / CSS Level 1 定义的 16 种命名颜色
  • CSS 扩展色:CSS Level 2+ 及现代浏览器广泛支持的颜色名称(共 29 种)