HTML 和 CSS 颜色
让我们从 HTML 颜色开始。它们用符号磅(#或尖锐)后面的六个符号表示。例如,#000000。HTML 颜色是使用十六进制代码设置的。十六进制颜色是 RGB 的十六进制概念。值得提醒的是,颜色以三组十六进制数字表示。每个组对应于特定的颜色。三种颜色中的每一种 - 红色,绿色和蓝色 - 从00到FF开始的概念。基于红色、绿色和蓝色分量的颜色模型称为 RGB(红色、绿色、蓝色)。背景也是一个基本概念。在CSS的帮助下,可以创建网页和其他条目的背景。经验丰富的网页设计师对CSS允许使用由名称,RGB概念或十六进制代码表示的16777216颜色的想法感到欣慰。
浏览互联网网站时,我们经常注意效果,背景和背景,耀斑点等。在网页设计中,所有这些都是在颜色渐变(平滑的颜色混合)的帮助下完成的。问题来了。选择正确颜色组合的最佳方法是什么?正确选择颜色的问题是网页设计中常见的问题。有些颜色是和谐混合的,有些不是。色轮帮助新手和专业网页设计师解决颜色选择的困境。
色轮中的颜色布局与RGB颜色的调色板相对应,其中可以轻松注意到红色,蓝色和绿色。互补色是由主色的组合产生的。它们是黄色、浅蓝色(天蓝色)和紫色。
对于网页设计师来说,熟练而熟练地处理颜色非常重要。否认颜色和情感之间的联系是没有意义的。一个有自尊心的网页设计师不会错过利用这种影响的机会。普通用户不会记住背景的颜色,但在上线一段时间后,他或她会对网站形成一种特殊的态度。正确的颜色选择不仅可以保证网站的正面框架,还可以使对给定信息的感知变得更加容易。
140种RGB颜色对照图:
140种RGB颜色对照表 | ||
1 | 爱丽丝蓝 | #F0F8FF |
2 | 古董白 | #FAEBD7 |
3 | 水 | #00FFFF |
4 | 海蓝宝石 | #7FFFD4 |
5 | 蔚蓝 | #F0FFFF |
6 | 米色 | #F5F5DC |
7 | 浓汤 | #FFE4C4 |
8 | 黑色 | #000000 |
9 | 白焯杏仁 | #FFEBCD |
10 | 蓝色 | #0000FF |
11 | 蓝紫色 | #8A2BE2 |
12 | 布朗 | #A52A2A |
13 | 伯利伍德 | #DEB887 |
14 | 学员蓝 | #5F9EA0 |
15 | 沙特勒斯 | #7FFF00 |
16 | 巧克力 | #D2691E |
17 | 珊瑚 | #FF7F50 |
18 | 矢车菊蓝 | #6495ED |
19 | 玉米丝 | #FFF8DC |
20 | 绯红 | #DC143C |
21 | 青色 | #00FFFF |
22 | 深蓝色 | #00008B |
23 | 深青色 | #008B8B |
24 | 暗金花 | #B8860B |
25 | 深灰色 | #A9A9A9 |
26 | 深绿色 | #006400 |
27 | 暗卡其色 | #BDB76B |
28 | 暗品红色 | #8B008B |
29 | 深橄榄绿 | #556B2F |
30 | 深橙色 | #FF8C00 |
31 | 暗兰花 | #9932CC |
32 | 暗红色 | #8B0000 |
33 | 黑鲑鱼 | #E9967A |
34 | 深海绿 | #8FBC8B |
35 | 深色板岩蓝 | #483D8B |
36 | 深石板灰色 | #2F4F4F |
37 | 深绿松石 | #00CED1 |
38 | 暗紫罗兰色 | #9400D3 |
39 | 深粉色 | #FF1493 |
40 | 深天蓝 | #00BFFF |
41 | 暗灰色 | #696969 |
42 | 道奇蓝 | #1E90FF |
43 | 耐火砖 | #B22222 |
44 | 花白 | #FFFAF0 |
45 | 森林格林 | #228B22 |
46 | 紫红色 | #FF00FF |
47 | 庚斯伯勒 | #DCDCDC |
48 | 幽灵白 | #F8F8FF |
49 | 黄金 | #FFD700 |
50 | 菊科植物 | #DAA520 |
51 | 灰色 | #808080 |
52 | 绿色 | #008000 |
53 | 绿黄 | #ADFF2F |
54 | 蜜露 | #F0FFF0 |
55 | 热粉色 | #FF69B4 |
56 | 印度红 | #CD5C5C |
57 | 靛蓝 | #4B0082 |
58 | 象牙 | #FFFFF0 |
59 | 卡其色 | #F0E68C |
60 | 薰衣草 | #E6E6FA |
61 | 薰衣草腮红 | #FFF0F5 |
62 | 草坪格林 | #7CFC00 |
63 | 柠檬雪纺 | #FFFACD |
64 | 浅蓝色 | #ADD8E6 |
65 | 光珊瑚 | #F08080 |
66 | 浅青色 | #E0FFFF |
67 | 浅金黄色 | #FAFAD2 |
68 | 浅绿色 | #90EE90 |
69 | 浅灰色 | #D3D3D3 |
70 | 浅粉色 | #FFB6C1 |
71 | 浅鲑鱼 | #FFA07A |
72 | 光海绿 | #20B2AA |
73 | 浅天蓝 | #87CEFA |
74 | 浅板岩灰色 | #778899 |
75 | 浅钢蓝 | #B0C4DE |
76 | 浅黄色 | #FFFFE0 |
77 | 酸橙 | #00FF00 |
78 | 石灰绿 | #32CD32 |
79 | 亚麻 | #FAF0E6 |
80 | 洋红色 | #FF00FF |
81 | 栗色 | #800000 |
82 | 中型海蓝宝石 | #66CDAA |
83 | 中蓝 | #0000CD |
84 | 中等兰花 | #BA55D3 |
85 | 中紫色 | #9370DB |
86 | 中海绿 | #3CB371 |
87 | 中板蓝 | #7B68EE |
88 | 中春绿 | #00FA9A |
89 | 中绿松石 | #48D1CC |
90 | 中紫红色 | #C71585 |
91 | 午夜蓝 | #191970 |
92 | 薄荷奶油 | #F5FFFA |
93 | 迷雾玫瑰 | #FFE4E1 |
94 | 莫卡辛 | #FFE4B5 |
95 | 纳瓦霍怀特 | #FFDEAD |
96 | 海军 | #000080 |
97 | 老花边 | #FDF5E6 |
98 | 橄榄 | #808000 |
99 | 橄榄德拉布 | #6B8E23 |
100 | 橙色 | #FFA500 |
101 | 橙红色 | #FF4500 |
102 | 兰花 | #DA70D6 |
103 | 苍白的菊科植物 | #EEE8AA |
104 | 淡绿色 | #98FB98 |
105 | 淡绿松石 | #AFEEEE |
106 | 淡紫色红 | #DB7093 |
107 | 木瓜鞭 | #FFEFD5 |
108 | 桃花泡芙 | #FFDAB9 |
109 | 秘鲁 | #CD853F |
110 | 粉红色 | #FFC0CB |
111 | 梅子 | #DDA0DD |
112 | 粉蓝 | #B0E0E6 |
113 | 紫色 | #800080 |
114 | 红色 | #FF0000 |
115 | 玫瑰布朗 | #BC8F8F |
116 | 皇家蓝 | #4169E1 |
117 | 马鞍布朗 | #8B4513 |
118 | 三文鱼 | #FA8072 |
119 | 桑迪布朗 | #F4A460 |
120 | 海绿 | #2E8B57 |
121 | 贝壳 | #FFF5EE |
122 | 西耶娜 | #A0522D |
123 | 银 | #C0C0C0 |
124 | 天蓝 | #87CEEB |
125 | 石板蓝 | #6A5ACD |
126 | 板岩灰色 | #708090 |
127 | 雪 | #FFFAFA |
128 | 春天格林 | #00FF7F |
129 | 钢蓝 | #4682B4 |
130 | 谭色 | #D2B48C |
131 | 蓝绿色 | #008080 |
132 | 蓟色 | #D8BFD8 |
133 | 番茄 | #FF6347 |
134 | 绿松石 | #40E0D0 |
135 | 紫罗兰色 | #EE82EE |
136 | 小麦 | #F5DEB3 |
137 | 白色 | #FFFFFF |
138 | 白烟 | #F5F5F5 |
139 | 黄色 | #FFFF00 |
140 | 黄绿 | #9ACD32 |
其他颜色可进入官网使用颜色模拟器自我选择!
官网: