人类现实生活中有几千种颜色(颜色代码），相互颜色搭配形成不同的色彩，为了方便区分和应用每一颜色，人们在电脑里用二进制16位、24位、32位、64位计算，把每一种颜色按颜色渐变顺序排列，也就形成了颜色代码。
调色师、设计师等为了得到目标色，进行各种色彩调配与颜色搭配,来满足人们对色彩新颖或另类色彩的需求。
我们生活中所谓的颜色或色彩是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。人对颜色的感觉不仅仅由光的物理性质所决定，比如人类对颜色的感觉往往受到周围颜色的影响。有时人们也将物质产生不同颜色的物理特性直接称为颜色。
可见光:电磁波的波长和强度可以有很大的区别，人可以感受的波长范围内（约31230纳米至74540纳米）称为可见光。
自然可见光: 红 | 橙 | 黄 | 绿 | 蓝 | 靛 | 紫
七彩原色光: 红 | 橙 | 黄 | 绿 | 青 | 蓝 | 紫
我们熟知的彩虹光谱，包括了所有单一波长的可见光，也就是纯粹的单色光。光的主要天然光源是太陽，主要人工光源是白熾物體(特別是白熾燈)。人眼可以看見的光的範圍受大氣層影響。不少其他生物能看見的光波範圍跟人類不一樣，例如包括蜜蜂在內的一些昆蟲能看見紫外線波段，對於尋找花蜜有很大幫助。
颜色代码调色 • 顶级配色师
基色:
亮度: 120
代码:
操作方法:
首先用鼠标点击左边的“基色”,然后点击右边的“亮度”,最后点击“复制颜色代码”,就可以粘贴颜色代码到您想要的地方!
在线调色板 • 高级颜色搭配师
欢迎光临：颜色代码网！
0
11
22
33
44
55
66
77
88
99
AA
BB
CC
DD
EE
FF
0 11 22 33 44 55 66 77 88 99 AA BB CC DD EE FF
0
11
22
33
44
55
66
77
88
99
AA
BB
CC
DD
EE
FF
使用说明：
1、选择左上角的主色 2、单击左边的颜色进行调色 3、单击右边的颜色会固定选取的颜色值；输入框可以自定义颜色。共16*16*16种颜色；
光谱颜色 • 生活常见颜色
可见光的光谱
颜色 代码 波长 频率
红色 #df0000 约625—740 nm 约480—405 THz
橙色 #ff8000 约590—625 nm 约510—480 THz
黄色 #ffff00 约565—590 nm 约530—510 THz
绿色 #00ff00 约500—565 nm 约600—530 THz
青色 #00e0e0 约485—500 nm 约620—600 THz
蓝色 #0000ff 约440—485 nm 约680—620 THz
紫色 #8b00ff 约380—440 nm 约790—680 THz
名称 英文名称 代码 名称 英语名称 代码
红色 Red #FF0000 白色 White #FFFFFF
绿松石 Turquoise #00FFFF 浅灰色 Light Grey #C0C0C0
浅蓝 Light Blue #0000FF 深灰 Dark Grey #808080
深蓝色 Dark Blue #0000A0 黑色 Black #000000
浅紫 Light Purple #FF0080 橙色 Orange #FF8040
暗紫色 Dark Purple #800080 褐色 Brown #804000
黄色 Yellow #FFFF00 勃艮地 Burgundy #800000
粉彩绿 Pastel Green #00FF00 森林绿 Forest Green #808000
粉红色 Pink #FF00FF 草绿色 Grass Green #408080
中文顏色名称 • 英文顏色名称 • 顏色代码演示
■■■■■■■■■■■ 【颜色值】#000000 【中文颜色名称】黑色 【英文名称】black
■■■■■■■■■■■ 【颜色值】#000080 【中文颜色名称】海军色 【英文名称】navy
■■■■■■■■■■■ 【颜色值】#00008B 【中文颜色名称】暗蓝色 【英文名称】darkblue
■■■■■■■■■■■ 【颜色值】#0000CD 【中文颜色名称】间兰色 【英文名称】mediumblue
■■■■■■■■■■■ 【颜色值】#0000FF 【中文颜色名称】蓝色 【英文名称】blue
■■■■■■■■■■■ 【颜色值】#006400 【中文颜色名称】暗绿色 【英文名称】darkgreen
■■■■■■■■■■■ 【颜色值】#008000 【中文颜色名称】绿色 【英文名称】green
■■■■■■■■■■■ 【颜色值】#008080 【中文颜色名称】水鸭色 【英文名称】teal
■■■■■■■■■■■ 【颜色值】#008B8B 【中文颜色名称】暗青色 【英文名称】darkcyan
■■■■■■■■■■■ 【颜色值】#00BFFF 【中文颜色名称】深天蓝色 【英文名称】deepskyblue
■■■■■■■■■■■ 【颜色值】#00CED1 【中文颜色名称】暗宝石绿 【英文名称】darkturquoise
■■■■■■■■■■■ 【颜色值】#00FA9A 【中文颜色名称】间春绿色 【英文名称】mediumspringgreen
■■■■■■■■■■■ 【颜色值】#00FF00 【中文颜色名称】酸橙色 【英文名称】lime
■■■■■■■■■■■ 【颜色值】#00FF7F 【中文颜色名称】春绿色 【英文名称】springgreen
■■■■■■■■■■■ 【颜色值】#00FFFF 【中文颜色名称】青色 【英文名称】cyan
■■■■■■■■■■■ 【颜色值】#191970 【中文颜色名称】中灰兰色 【英文名称】midnightblue
■■■■■■■■■■■ 【颜色值】#1E90FF 【中文颜色名称】闪兰色 【英文名称】dodgerblue
■■■■■■■■■■■ 【颜色值】#20B2AA 【中文颜色名称】亮海蓝色 【英文名称】lightseagreen
■■■■■■■■■■■ 【颜色值】#228B22 【中文颜色名称】森林绿 【英文名称】forestgreen
■■■■■■■■■■■ 【颜色值】#2E8B57 【中文颜色名称】海绿色 【英文名称】seagreen
■■■■■■■■■■■ 【颜色值】#2F4F4F 【中文颜色名称】墨绿色 【英文名称】darkslategray
■■■■■■■■■■■ 【颜色值】#32CD32 【中文颜色名称】橙绿色 【英文名称】limegreen
■■■■■■■■■■■ 【颜色值】#3CB371 【中文颜色名称】间海蓝 【英文名称】mediumseagreen
■■■■■■■■■■■ 【颜色值】#40E0D0 【中文颜色名称】青绿色 【英文名称】turquoise
■■■■■■■■■■■ 【颜色值】#4169E1 【中文颜色名称】皇家蓝 【英文名称】royalblue
■■■■■■■■■■■ 【颜色值】#4682B4 【中文颜色名称】钢兰色 【英文名称】steelblue
■■■■■■■■■■■ 【颜色值】#483D8B 【中文颜色名称】暗灰蓝色 【英文名称】darkslateblue
■■■■■■■■■■■ 【颜色值】#48D1CC 【中文颜色名称】间绿宝石 【英文名称】mediumturquoise
■■■■■■■■■■■ 【颜色值】#4B0082 【中文颜色名称】靛青色 【英文名称】indigo
■■■■■■■■■■■ 【颜色值】#556B2F 【中文颜色名称】暗橄榄绿 【英文名称】darkolivegreen
■■■■■■■■■■■ 【颜色值】#5F9EA0 【中文颜色名称】军兰色 【英文名称】cadetblue
■■■■■■■■■■■ 【颜色值】#6495ED 【中文颜色名称】菊兰色 【英文名称】cornflowerblue
■■■■■■■■■■■ 【颜色值】#66CDAA 【中文颜色名称】间绿色 【英文名称】mediumaquamarine
■■■■■■■■■■■ 【颜色值】#696969 【中文颜色名称】暗灰色 【英文名称】dimgray
■■■■■■■■■■■ 【颜色值】#6A5ACD 【中文颜色名称】石蓝色 【英文名称】slateblue
■■■■■■■■■■■ 【颜色值】#6B8E23 【中文颜色名称】深绿褐色 【英文名称】olivedrab
■■■■■■■■■■■ 【颜色值】#708090 【中文颜色名称】灰石色 【英文名称】slategray
■■■■■■■■■■■ 【颜色值】#778899 【中文颜色名称】亮蓝灰 【英文名称】lightslategray
■■■■■■■■■■■ 【颜色值】#7B68EE 【中文颜色名称】间暗蓝色 【英文名称】mediumslateblue
■■■■■■■■■■■ 【颜色值】#7CFC00 【中文颜色名称】草绿色 【英文名称】lawngreen
■■■■■■■■■■■ 【颜色值】#7FFF00 【中文颜色名称】黄绿色 【英文名称】chartreuse
■■■■■■■■■■■ 【颜色值】#7FFFD4 【中文颜色名称】碧绿色 【英文名称】aquamarine
■■■■■■■■■■■ 【颜色值】#800000 【中文颜色名称】粟色 【英文名称】maroon
■■■■■■■■■■■ 【颜色值】#800080 【中文颜色名称】紫色 【英文名称】purple
■■■■■■■■■■■ 【颜色值】#808000 【中文颜色名称】橄榄色 【英文名称】olive
■■■■■■■■■■■ 【颜色值】#808080 【中文颜色名称】灰色 【英文名称】gray
■■■■■■■■■■■ 【颜色值】#87CEEB 【中文颜色名称】天蓝色 【英文名称】skyblue
■■■■■■■■■■■ 【颜色值】#87CEFA 【中文颜色名称】亮天蓝色 【英文名称】lightskyblue
■■■■■■■■■■■ 【颜色值】#8A2BE2 【中文颜色名称】紫罗兰色 【英文名称】blueviolet
■■■■■■■■■■■ 【颜色值】#8B0000 【中文颜色名称】暗红色 【英文名称】darkred
■■■■■■■■■■■ 【颜色值】#8B008B 【中文颜色名称】暗洋红 【英文名称】darkmagenta
■■■■■■■■■■■ 【颜色值】#8B4513 【中文颜色名称】重褐色 【英文名称】saddlebrown
■■■■■■■■■■■ 【颜色值】#8FBC8F 【中文颜色名称】暗海兰色 【英文名称】darkseagreen
■■■■■■■■■■■ 【颜色值】#90EE90 【中文颜色名称】亮绿色 【英文名称】lightgreen
■■■■■■■■■■■ 【颜色值】#9370DB 【中文颜色名称】间紫色 【英文名称】mediumpurple
■■■■■■■■■■■ 【颜色值】#9400D3 【中文颜色名称】暗紫罗兰色 【英文名称】darkviolet
■■■■■■■■■■■ 【颜色值】#98FB98 【中文颜色名称】苍绿色 【英文名称】palegreen
■■■■■■■■■■■ 【颜色值】#9932CC 【中文颜色名称】暗紫色 【英文名称】darkorchid
■■■■■■■■■■■ 【颜色值】#9ACD32 【中文颜色名称】黄绿色 【英文名称】yellowgreen
■■■■■■■■■■■ 【颜色值】#A0522D 【中文颜色名称】赭色 【英文名称】sienna
■■■■■■■■■■■ 【颜色值】#A52A2A 【中文颜色名称】褐色 【英文名称】brown
■■■■■■■■■■■ 【颜色值】#A9A9A9 【中文颜色名称】暗灰色 【英文名称】darkgray
■■■■■■■■■■■ 【颜色值】#ADD8E6 【中文颜色名称】亮蓝色 【英文名称】lightblue
■■■■■■■■■■■ 【颜色值】#ADFF2F 【中文颜色名称】黄绿色 【英文名称】greenyellow
■■■■■■■■■■■ 【颜色值】#AFEEEE 【中文颜色名称】苍宝石绿 【英文名称】paleturquoise
■■■■■■■■■■■ 【颜色值】#B0C4DE 【中文颜色名称】亮钢兰色 【英文名称】lightsteelblue
■■■■■■■■■■■ 【颜色值】#B0E0E6 【中文颜色名称】粉蓝色 【英文名称】powderblue
■■■■■■■■■■■ 【颜色值】#B22222 【中文颜色名称】火砖色 【英文名称】firebrick
■■■■■■■■■■■ 【颜色值】#B8860B 【中文颜色名称】暗金黄色 【英文名称】darkgoldenrod
■■■■■■■■■■■ 【颜色值】#BA55D3 【中文颜色名称】间紫色 【英文名称】mediumorchid
■■■■■■■■■■■ 【颜色值】#BC8F8F 【中文颜色名称】褐玫瑰红 【英文名称】rosybrown
■■■■■■■■■■■ 【颜色值】#BDB76B 【中文颜色名称】暗黄褐色 【英文名称】darkkhaki
■■■■■■■■■■■ 【颜色值】#C0C0C0 【中文颜色名称】银色 【英文名称】silver
■■■■■■■■■■■ 【颜色值】#C71585 【中文颜色名称】间紫罗兰色 【英文名称】mediumvioletred
■■■■■■■■■■■ 【颜色值】#CD5C5C 【中文颜色名称】印第安红 【英文名称】indianred
■■■■■■■■■■■ 【颜色值】#CD853F 【中文颜色名称】秘鲁色 【英文名称】peru
■■■■■■■■■■■ 【颜色值】#D2691E 【中文颜色名称】巧可力色 【英文名称】chocolate
■■■■■■■■■■■ 【颜色值】#D2B48C 【中文颜色名称】茶色 【英文名称】tan
■■■■■■■■■■■ 【颜色值】#D3D3D3 【中文颜色名称】亮灰色 【英文名称】lightgrey
■■■■■■■■■■■ 【颜色值】#D8BFD8 【中文颜色名称】蓟色 【英文名称】thistle
■■■■■■■■■■■ 【颜色值】#DA70D6 【中文颜色名称】淡紫色 【英文名称】orchid
■■■■■■■■■■■ 【颜色值】#DAA520 【中文颜色名称】金麒麟色 【英文名称】goldenrod
■■■■■■■■■■■ 【颜色值】#DB7093 【中文颜色名称】苍紫罗兰色 【英文名称】palevioletred
■■■■■■■■■■■ 【颜色值】#DC143C 【中文颜色名称】暗深红色 【英文名称】crimson
■■■■■■■■■■■ 【颜色值】#DCDCDC 【中文颜色名称】淡灰色 【英文名称】gainsboro
■■■■■■■■■■■ 【颜色值】#DDA0DD 【中文颜色名称】洋李色 【英文名称】plum
■■■■■■■■■■■ 【颜色值】#DEB887 【中文颜色名称】实木色 【英文名称】burlywood
■■■■■■■■■■■ 【颜色值】#E0FFFF 【中文颜色名称】亮青色 【英文名称】lightcyan
■■■■■■■■■■■ 【颜色值】#E6E6FA 【中文颜色名称】淡紫色 【英文名称】lavender
■■■■■■■■■■■ 【颜色值】#E9967A 【中文颜色名称】暗肉色 【英文名称】darksalmon
■■■■■■■■■■■ 【颜色值】#EE82EE 【中文颜色名称】紫罗兰色 【英文名称】violet
■■■■■■■■■■■ 【颜色值】#EEE8AA 【中文颜色名称】苍麒麟色 【英文名称】palegoldenrod
■■■■■■■■■■■ 【颜色值】#F08080 【中文颜色名称】亮珊瑚色 【英文名称】lightcoral
■■■■■■■■■■■ 【颜色值】#F0E68C 【中文颜色名称】黄褐色 【英文名称】khaki
■■■■■■■■■■■ 【颜色值】#F0F8FF 【中文颜色名称】艾利斯兰 【英文名称】aliceblue
■■■■■■■■■■■ 【颜色值】#F0FFF0 【中文颜色名称】蜜色 【英文名称】honeydew
■■■■■■■■■■■ 【颜色值】#F0FFFF 【中文颜色名称】天蓝色 【英文名称】azure
■■■■■■■■■■■ 【颜色值】#F4A460 【中文颜色名称】沙褐色 【英文名称】sandybrown
■■■■■■■■■■■ 【颜色值】#F5DEB3 【中文颜色名称】浅黄色 【英文名称】wheat
■■■■■■■■■■■ 【颜色值】#F5F5DC 【中文颜色名称】米色 【英文名称】beige
■■■■■■■■■■■ 【颜色值】#F5F5F5 【中文颜色名称】烟白色 【英文名称】whitesmoke
■■■■■■■■■■■ 【颜色值】#F5FFFA 【中文颜色名称】薄荷色 【英文名称】mintcream
■■■■■■■■■■■ 【颜色值】#F8F8FF 【中文颜色名称】幽灵白 【英文名称】ghostwhite
■■■■■■■■■■■ 【颜色值】#FA8072 【中文颜色名称】鲜肉色 【英文名称】salmon
■■■■■■■■■■■ 【颜色值】#FAEBD7 【中文颜色名称】古董白 【英文名称】antiquewhite
■■■■■■■■■■■ 【颜色值】#FAF0E6 【中文颜色名称】亚麻色 【英文名称】linen
■■■■■■■■■■■ 【颜色值】#FAFAD2 【中文颜色名称】亮金黄色 【英文名称】lightgoldenrodyellow
■■■■■■■■■■■ 【颜色值】#FDF5E6 【中文颜色名称】老花色 【英文名称】oldlace
■■■■■■■■■■■ 【颜色值】#FF0000 【中文颜色名称】红色 【英文名称】red
■■■■■■■■■■■ 【颜色值】#FF00FF 【中文颜色名称】紫红色 【英文名称】fuchsia
■■■■■■■■■■■ 【颜色值】#FF1493 【中文颜色名称】深粉红色 【英文名称】deeppink
■■■■■■■■■■■ 【颜色值】#FF4500 【中文颜色名称】红橙色 【英文名称】orangered
■■■■■■■■■■■ 【颜色值】#FF6347 【中文颜色名称】西红柿色 【英文名称】tomato
■■■■■■■■■■■ 【颜色值】#FF69B4 【中文颜色名称】热粉红色 【英文名称】hotpink
■■■■■■■■■■■ 【颜色值】#FF7F50 【中文颜色名称】珊瑚色 【英文名称】coral
■■■■■■■■■■■ 【颜色值】#FF8C00 【中文颜色名称】暗桔黄色 【英文名称】darkorange
■■■■■■■■■■■ 【颜色值】#FFA07A 【中文颜色名称】亮肉色 【英文名称】lightsalmon
■■■■■■■■■■■ 【颜色值】#FFA500 【中文颜色名称】橙色 【英文名称】orange
■■■■■■■■■■■ 【颜色值】#FFB6C1 【中文颜色名称】亮粉红色 【英文名称】lightpink
■■■■■■■■■■■ 【颜色值】#FFC0CB 【中文颜色名称】粉红色 【英文名称】pink
■■■■■■■■■■■ 【颜色值】#FFD700 【中文颜色名称】金色 【英文名称】gold
■■■■■■■■■■■ 【颜色值】#FFDAB9 【中文颜色名称】桃色 【英文名称】peachpuff
■■■■■■■■■■■ 【颜色值】#FFDEAD 【中文颜色名称】纳瓦白 【英文名称】navajowhite
■■■■■■■■■■■ 【颜色值】#FFE4B5 【中文颜色名称】鹿皮色 【英文名称】moccasin
■■■■■■■■■■■ 【颜色值】#FFE4C4 【中文颜色名称】桔黄色 【英文名称】bisque
■■■■■■■■■■■ 【颜色值】#FFE4E1 【中文颜色名称】浅玫瑰色 【英文名称】mistyrose
■■■■■■■■■■■ 【颜色值】#FFEBCD 【中文颜色名称】白杏色 【英文名称】blanchedalmond
■■■■■■■■■■■ 【颜色值】#FFEFD5 【中文颜色名称】番木色 【英文名称】papayawhip
■■■■■■■■■■■ 【颜色值】#FFF0F5 【中文颜色名称】淡紫红 【英文名称】lavenderblush
■■■■■■■■■■■ 【颜色值】#FFF5EE 【中文颜色名称】海贝色 【英文名称】seashell
■■■■■■■■■■■ 【颜色值】#FFF8DC 【中文颜色名称】米绸色 【英文名称】cornsilk
■■■■■■■■■■■ 【颜色值】#FFFACD 【中文颜色名称】柠檬绸色 【英文名称】lemonchiffon
■■■■■■■■■■■ 【颜色值】#FFFAF0 【中文颜色名称】花白色 【英文名称】floralwhite
■■■■■■■■■■■ 【颜色值】#FFFAFA 【中文颜色名称】雪白色 【英文名称】snow
■■■■■■■■■■■ 【颜色值】#FFFF00 【中文颜色名称】黄色 【英文名称】yellow
■■■■■■■■■■■ 【颜色值】#FFFFE0 【中文颜色名称】亮黄色 【英文名称】lightyellow
■■■■■■■■■■■ 【颜色值】#FFFFF0 【中文颜色名称】象牙色 【英文名称】ivory
■■■■■■■■■■■ 【颜色值】#FFFFFF 【中文颜色名称】精白 【英文名称】white
