RGB颜色与十六进制颜色代码转换

颜色预览

颜色基本知识

在数字世界中,颜色通常以不同的颜色模型表示,最常见的是RGB(红绿蓝)和十六进制代码。RGB是一种加色模型,通过混合红、绿、蓝三种光的不同强度来产生各种颜色。每种颜色的强度范围从0到255,例如,纯红色表示为RGB(255,0,0)。

十六进制颜色代码是RGB值的另一种表示方法,常用于网页设计和CSS中。它以井号(#)开头,后跟六个十六进制数字,前两位表示红色,中间两位表示绿色,最后两位表示蓝色。例如,纯红色的十六进制代码是#FF0000。

RGB和CMYK的区别

RGB(红绿蓝):是一种加色模型,主要用于电子设备如显示器、电视和手机屏幕。RGB通过混合不同强度的红、绿、蓝光来创建颜色。当三种颜色都达到最大强度时(255,255,255),产生白色;当三种颜色都为零时(0,0,0),产生黑色。

CMYK(青、品红、黄、黑):是一种减色模型,主要用于印刷行业。CMYK通过在白色背景上叠加不同比例的青色、品红色、黄色和黑色油墨来创建颜色。当所有颜色都为0%时,结果是白色(纸张的颜色);当所有颜色都为100%时,理论上应该产生黑色,但实际上会产生深褐色,因此添加了专门的黑色(K)。

主要区别

  • RGB适用于数字显示,CMYK适用于印刷
  • RGB是加色模型(从黑色开始添加光线),CMYK是减色模型(从白色开始吸收光线)
  • RGB能够显示比CMYK更广泛的颜色范围(色域)
  • 从RGB转换到CMYK时,某些鲜艳的颜色可能会变得暗淡

颜色代码表

颜色名称RGB值16进制代码颜色色块
白色RGB(255, 255, 255)#FFFFFF
黑色RGB(0, 0, 0)#000000
红色RGB(255, 0, 0)#FF0000
绿色RGB(0, 128, 0)#008000
蓝色RGB(0, 0, 255)#0000FF
青色RGB(0, 128, 128)#008080
紫色RGB(238, 130, 238)#EE82EE
灰色RGB(128, 128, 128)#808080
黄色RGB(255, 255, 0)#FFFF00
镉黄RGB(255, 153, 18)#FF9912
金黄RGB(255, 215, 0)#FFD700
肉黄RGB(255, 125, 64)#FF7D40
粉黄RGB(255, 227, 132)#FFE384
香蕉黄RGB(227, 207, 87)#E3CF57
白烟灰RGB(245, 245, 245)#F5F5F5
蛋壳灰RGB(252, 230, 202)#FCE6CA
黄绿色RGB(127, 255, 0)#7FFF00
青绿色RGB(64, 224, 205)#40E0CD
天蓝灰RGB(202, 235, 216)#CAEBD8
象牙灰RGB(251, 255, 242)#FBFFF2
亚麻灰RGB(250, 240, 230)#FAF0E6
杏仁灰RGB(255, 235, 205)#FFEBCD
贝壳灰RGB(255, 245, 238)#FFF5EE
棕褐色RGB(210, 180, 140)#D2B48C
爱丽丝蓝RGB(240, 248, 255)#F0F8FF
古董白RGB(250, 235, 215)#FAEBD7
浅绿色RGB(175, 238, 238)#AFEEEE
海蓝色RGB(127, 255, 212)#7FFFD4
蔚蓝色RGB(240, 255, 255)#F0FFFF
米色RGB(245, 245, 220)#F5F5DC
橘黄色RGB(255, 228, 196)#FFE4C4
白杏仁RGB(255, 235, 205)#FFEBCD
蓝紫色RGB(138, 43, 226)#8A2BE2
棕色RGB(165, 42, 42)#A52A2A
硬木色RGB(222, 184, 135)#DEB887
学员蓝RGB(95, 158, 160)#5F9EA0
淡黄绿色RGB(127, 255, 0)#7FFF00
巧克力色RGB(210, 105, 30)#D2691E
珊瑚色RGB(255, 127, 80)#FF7F50
矢车菊蓝RGB(100, 149, 237)#6495ED
玉米丝色RGB(255, 248, 220)#FFF8DC
深红RGB(220, 20, 60)#DC143C
深蓝色RGB(0, 0, 139)#00008B
深青色RGB(0, 139, 139)#008B8B
暗金色RGB(184, 134, 11)#B8860B
深灰色RGB(169, 169, 169)#A9A9A9
深绿色RGB(0, 100, 0)#006400
深色卡其色RGB(189, 183, 107)#BDB76B
深品红色RGB(139, 0, 139)#8B008B
深橄榄绿RGB(85, 107, 47)#556B2F
深橙色RGB(255, 140, 0)#FF8C00
暗兰花RGB(153, 50, 204)#9932CC
深红色RGB(139, 0, 0)#8B0000
暗三文鱼RGB(233, 150, 122)#E9967A
深海绿RGB(143, 188, 143)#8FBC8F
深条纹蓝RGB(72, 61, 139)#483D8B
深色条纹灰色RGB(47, 79, 79)#2F4F4F
深绿松石RGB(0, 206, 209)#00CED1
深紫色RGB(148, 0, 211)#9400D3
深粉色RGB(255, 20, 147)#FF1493
深蓝RGB(0, 191, 255)#00BFFF
暗灰色RGB(105, 105, 105)#696969
道奇蓝RGB(30, 144, 255)#1E90FF
长石色RGB(209, 146, 117)#D19275
火砖色RGB(178, 34, 34)#B22222
花朵白色RGB(255, 250, 240)#FFFAF0
森林绿RGB(34, 139, 34)#228B22
紫红色RGB(255, 0, 255)#FF00FF
淡灰色RGB(220, 220, 220)#DCDCDC
幽灵白RGB(248, 248, 255)#F8F8FF
黄金RGB(255, 2, 150)#FF0296
鲜黄色RGB(218, 165, 32)#DAA520
绿黄色RGB(173, 255, 47)#ADFF2F
蜜露色RGB(240, 255, 240)#F0FFF0
粉红色RGB(255, 192, 203)#FFC0CB
印度红RGB(205, 92, 92)#CD5C5C
靛蓝RGB(75, 0, 130)#4B0082
象牙色RGB(255, 255, 240)#FFFFF0
卡其色RGB(240, 230, 140)#F0E68C
薰衣草色RGB(230, 230, 250)#E6E6FA
淡紫色腮红RGB(255, 240, 245)#FFF0F5
草坪绿RGB(124, 252, 0)#7CFC00
柠檬色RGB(255, 250, 205)#FFFACD
淡蓝色RGB(173, 216, 230)#ADD8E6
淡珊瑚色RGB(240, 128, 128)#F08080
淡青色RGB(224, 255, 255)#E0FFFF
亮金黄色RGB(250, 250, 210)#FAFAD2
浅灰色RGB(211, 211, 211)#D3D3D3
浅粉色RGB(255, 182, 193)#FFB6C1
浅鲑鱼肉色RGB(255, 160, 122)#FFA07A
浅海洋绿RGB(32, 178, 170)#20B2AA
淡天蓝色RGB(135, 206, 250)#87CEFA
亮条纹蓝RGB(132, 112, 255)#8470FF
浅石板灰RGB(119, 136, 153)#778899
亮钢蓝RGB(176, 196, 222)#B0C4DE
浅黄色RGB(255, 255, 224)#FFFFE0
石灰RGB(0, 255, 0)#00FF00
柠檬绿RGB(50, 205, 50)#32CD32
亚麻色RGB(250, 240, 230)#FAF0E6
品红色RGB(255, 0, 255)#FF00FF
栗色RGB(128, 0, 0)#800000
间绿色RGB(102, 205, 170)#66CDAA
中等蓝色RGB(0, 0, 205)#0000CD
中兰花紫RGB(186, 85, 211)#BA55D3
中等紫色RGB(147, 112, 216)#9370D8
中海洋绿RGB(60, 179, 113)#3CB371
中板岩蓝RGB(123, 104, 238)#7B68EE
中等春绿色RGB(0, 250, 154)#00FA9A
中等绿松石色RGB(72, 209, 204)#48D1CC
中等琴红RGB(199, 21, 133)#C71585
午夜蓝RGB(25, 25, 112)#191970
薄荷色RGB(245, 255, 250)#F5FFFA
薄雾玫瑰色RGB(255, 228, 225)#FFE4E1
莫卡辛色RGB(255, 228, 181)#FFE4B5
纳瓦霍白RGB(255, 222, 173)#FFDEAD
海军蓝RGB(0, 0, 128)#000080
旧蕾丝色RGB(253, 245, 230)#FDF5E6
橄榄色RGB(107, 142, 35)#6B8E23
橙色RGB(255, 165, 0)#FFA500
橙红色RGB(255, 69, 0)#FF4500
兰花色RGB(218, 112, 214)#DA70D6
淡菊黄色RGB(238, 232, 170)#EEE8AA
淡绿色RGB(152, 251, 152)#98FB98
淡紫罗兰红RGB(216, 112, 147)#D87093
番木色RGB(255, 239, 213)#FFEFD5
桃色RGB(255, 218, 185)#FFDAB9
秘鲁褐RGB(205, 133, 63)#CD853F
梅花色RGB(221, 160, 221)#DDA0DD
粉末蓝RGB(176, 224, 230)#B0E0E6
玫瑰棕色RGB(188, 143, 143)#BC8F8F
皇家蓝RGB(65, 105, 225)#4169E1
马鞍棕色RGB(139, 69, 19)#8B4513
浅橙色RGB(250, 128, 114)#FA8072
沙棕色RGB(244, 164, 96)#F4A460
海绿色RGB(46, 139, 87)#2E8B57
海贝色RGB(255, 245, 238)#FFF5EE
褐土色RGB(160, 82, 45)#A0522D
银色RGB(192, 192, 192)#C0C0C0
天蓝RGB(135, 206, 235)#87CEEB
板条蓝RGB(106, 90, 205)#6A5ACD
板条灰色RGB(112, 128, 144)#708090
雪色RGB(255, 250, 250)#FFFAFA
春绿色RGB(0, 255, 127)#00FF7F
钢蓝RGB(70, 130, 180)#4682B4
蓟花色RGB(216, 191, 216)#D8BFD8
番茄色RGB(255, 99, 71)#FF6347
绿松石色RGB(64, 224, 208)#40E0D0
小提琴红RGB(208, 32, 144)#D02090
小麦色RGB(245, 222, 179)#F5DEB3
白烟色RGB(245, 245, 245)#F5F5F5