常用RGB颜色表  色值

本文提供了一系列常见及特殊颜色的RGB值,包括黑色、黄色、灰色等,并以十六进制形式展示,便于网页设计及图像处理时使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

                                  

R
G
B
R
G
B
R
G
B
黑色
0
0
0
#000000
黄色
255
255
0
#FFFF00
浅灰蓝色
176
224
230
#B0E0E6
象牙黑
41
36
33
#292421
香蕉色
227
207
87
#E3CF57
品蓝
65
105
225
#4169E1
灰色
192
192
192
#C0C0C0
镉黄
255
153
18
#FF9912
石板蓝
106
90
205
#6A5ACD
冷灰
128
138
135
#808A87
dougello
235
142
85
#EB8E55
天蓝
135
206
235
#87CEEB
石板灰
112
128
105
#708069
forum gold
255
227
132
#FFE384
暖灰色
128
128
105
#808069
金黄色
255
215
0
#FFD700
青色
0
255
255
#00FFFF
黄花色
218
165
105
#DAA569
绿土
56
94
15
#385E0F
白色
225
225
225
#FFFFFF
瓜色
227
168
105
#E3A869
靛青
8
46
84
#082E54
古董白
250
235
215
#FAEBD7
橙色
255
97
0
#FF6100
碧绿色
127
255
212
#7FFFD4
天蓝色
240
255
255
#F0FFFF
镉橙
255
97
3
#FF6103
青绿色
64
224
208
#40E0D0
白烟
245
245
245
#F5F5F5
胡萝卜色
237
145
33
#ED9121
绿色
0
255
0
#00FF00
白杏仁
255
235
205
#FFFFCD
桔黄
255
128
0
#FF8000
黄绿色
127
255
0
#7FFF00
cornsilk
255
248
220
#FFF8DC
淡黄色
245
222
179
#F5DEB3
钴绿色
61
145
64
#3D9140
蛋壳色
252
230
201
#FCE6C9
翠绿色
0
201
87
#00C957
花白
255
250
240
#FFFAF0
棕色
128
42
42
#802A2A
森林绿
34
139
34
#228B22
gainsboro
220
220
220
#DCDCDC
米色
163
148
128
#A39480
草地绿
124
252
0
#7CFC00
ghostWhite
248
248
255
#F8F8FF
锻浓黄土色
138
54
15
#8A360F
酸橙绿
50
205
50
#32CD32
蜜露橙
240
255
240
#F0FFF0
锻棕土色
135
51
36
#873324
薄荷色
189
252
201
#BDFCC9
象牙白
250
255
240
#FAFFF0
巧克力色
210
105
30
#D2691E
草绿色
107
142
35
#6B8E23
亚麻色
250
240
230
#FAF0E6
肉色
255
125
64
#FF7D40
暗绿色
48
128
20
#308014
navajoWhite
255
222
173
#FFDEAD
黄褐色
240
230
140
#F0E68C
海绿色
46
139
87
#2E8B57
old lace
253
245
230
#FDF5E6
玫瑰红
188
143
143
#BC8F8F
嫩绿色
0
255
127
#00FF7F
海贝壳色
255
245
238
#FFF5EE
肖贡土色
199
97
20
#C76114
雪白
255
250
250
#FFFAFA
标土棕
115
74
18
#734A12
紫色
160
32
240
#A020F0
乌贼墨棕
94
38
18
#5E2612
紫罗蓝色
138
43
226
#8A2BE2
红色
255
0
0
#FF0000
赫色
160
82
45
#A0522D
jasoa
160
102
211
#A066D3
砖红
156
102
31
#9C661F
马棕色
139
69
19
#8B4513
湖紫色
153
51
250
#9933FA
镉红
227
23
13
#E3170D
沙棕色
244
164
96
#F4A460
淡紫色
218
112
214
#DA70D6
珊瑚色
255
127
80
#FF7F50
棕褐色
210
180
140
#D2B48C
梅红色
221
160
221
#DDA0DD
耐火砖红
178
34
34
#B22222
印度红
176
23
31
#B0171F
蓝色
0
0
255
#0000FF
栗色
176
48
96
#B03060
钴色
61
89
171
#3D59AB
粉红
255
192
203
#FFC0CB
dodger blue
30
144
255
#1E90FF
草莓色
135
38
87
#872657
jackie blue
11
23
70
#0B1746
橙红色
250
128
114
#FA8072
锰蓝
3
168
158
#03A89E
蕃茄红
255
99
71
#FF6347
深蓝色
25
25
112
#191970
桔红
255
69
0
#FF4500
孔雀蓝
51
161
201
#33A1C9
深红色
255
0
255
#FF00FF
土耳其玉色
0
199
140
#00C78C
分享到: 

<h3>题目背景</h3><p>层叠样式表(Cascading Style Sheets,简写 CSS)是一种用来为结构化文档(如 HTML 文档)添加样式(字体、间距和颜等)的计算机语言。</p><p>例如,对于以下的 HTML 文档:</p><pre><code ><html> &nbsp; <head> &nbsp; &nbsp; <title>Sample</title> &nbsp; </head> &nbsp; <body> &nbsp; &nbsp; <h1>Hello</h1> &nbsp; &nbsp; <p id="subtitle">Greetings</div> &nbsp; &nbsp; <p>Hello, world!</p> &nbsp; </body> </html> </code></pre><p><span style="color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);">配合以下 CSS 片段可以为其中的标题和段落设置相应的格式:</span></p><pre><code >h1 { font-weight: bold; } #subtitle { font-size: 12px; } </code></pre><p>这段 CSS 片段为前面 HTML 文档添加了样式,使得标题“Hello”(第 6 行 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code><h1></code></span> 和 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code></h1></code></span> 标签之间的内容)具有粗体,使得段落“Greetings”(第 7 行 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code><p id="subtitle"></code></span> 和 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code><\p></code></span> 标签之间的内容)具有 12 个像素的字体大小。 这里,CSS 片段第 1 行中出现的 h1 是一个选择器,它选中了 HTML 文档第 6 行的 h1 元素。 CSS 片段第 2 行中出现的 #subtitle 也是一个选择器,选中了 HTML 文档第 7 行 id 属性为 subtitle 的 p 元素。 注意它并没有选中 HTML 文档第 8 行不带属性的 p 元素。</p><h3>题目描述</h3><p>本题要实现一个简化版的元素选择器。 给出一个结构化文档,和若干个选择器,对每个选择器找出文档中所对应选中的元素。</p><h4>结构化文档</h4><p>结构化文档由元素组成,一个元素可以包含若干个子元素(可以没有)。 一个文档有一个根元素,在整体上形成树的结构。 以下是本题结构化文档的一个例子:</p><pre><code >html ..head ....title ..body ....h1 ....p #subtitle ....div #main ......h2 ......p </code></pre><ul><li>文档中每行表示一个元素,元素的标签由一个或者多个字母或数字组成。</li><li>元素可以附加一个 id 属性,属性也是由一个或者多个字母或数字组成,之前有一个井号 #。如果元素有 id 属性,标签和属性之间用一个空格字符分隔。</li><li>标签之前的缩进表示元素之间的包含关系:一个元素 E 所在行之后连续的缩进更深的行代表的元素是元素 E 的后代元素,其中缩进恰好深一层的是元素 E 的子元素。为了便于观察,每一级缩进用两个小数点符号 .. 表示。</li></ul><h4>选择器</h4><p>本题中会出现的选择器有三种,分别为:</p><ul><li>标签选择器:用标签来表示。例如 p 表示选择标签为 p 的所有元素。</li><li>id 选择器:用 id 属性来表示。例如 #main 表示选择 id 属性为 main 的所有元素。</li><li>后代选择器:复合表达式,格式为 A B,其中 A 和 B 均为标签选择器或 id 选择器,中间用一个空格字符分隔,表示选择满足选择器 B 的所有元素,且满足这些元素有祖先元素满足选择器 A。例如,选择器 div p 在上面的文档中会选中最后一行的元素 p,但不会选中 id 属性为 subtitle 的那个元素 p。注意,后代选择器可以有更多的组成部分构成。</li></ul><h3>输入格式</h3><p>输入第一行是两个正整数 n 和 m,分别表示 HTML 文档的行数,和待查询的 CSS 选择器的个数,中间用一个空格字符分隔。</p><p>第 2 行至第 n+1 行给出 HTML 文档。</p><p>第 n+2 行至第 n+m+1 行每行给出一个待查询的 CSS 选择器。记第 n+1+i 行的 CSS 选择器为si​,1≤i≤m。</p><p>保证输入的结构化文档和待查询的选择器都是合法的。</p><h3>输出格式</h3><p>输出共 m行,每行有若干个整数。</p><p>第 i 行表示选择器 si 选中的结果(1≤i≤m )。 其中第一个整数 ri 表示 si 选中的元素个数。 随后 ri 个整数,分别表示选中元素在结构化文档中出现的行号(行号从 1 &nbsp;开始编号)。</p><p>行号按从小到大排序,相邻整数之间用一个空格字符分隔。</p><h3>样例解释</h3><p>对丁样例中查询的5个选择器:</p><ol><li><span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span>选中所有的元素<span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span>;</li><li><span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>#subtitle</code></span> 选中第 6 行 id 属性为 subtitle 的元素 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span>;</li><li>由于没有标签为 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>h3</code></span> 的元素,因此 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>h3</code></span> 没有选中任何元素;</li><li>第 9 行和第 11 行的 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span> 元素都有祖先是 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>div</code></span> 元素,而第6行的 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span> 元素没有祖先是 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>div</code></span> 元素;</li><li><span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>div div p</code></span>要求选中的<span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span> 元素有两级祖先都是 <span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>div</code></span> 元素,只有第 11 行的<span style="color: rgb(199, 37, 78); background-color: rgb(249, 242, 244);"><code>p</code></span>元素满足这个条件。</li></ol><h3>数据规模和约定</h3><ul><li>1≤n≤100</li><li>1≤m≤10</li><li>结构化文档和待查询的选择器每行长度不超过 80个字符(不包括换行符)。保证输入的结构化文档和待查询的选择器都是合法的。</li></ul><p><img src="https://kaoji100.com/images/578/3-1.png" alt="" data-href="" style=""/></p><h3>提示</h3><p>多级的后代选择器在匹配时,可以采用贪心的策略:除最后一级外,前面的部分都可以尽量匹配层级小的元素。</p> 用C++解决
最新发布
07-31
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值