HTML 拾色器参考手册

2020年12月23日2020年12月23日

由 hcduguo

HTML 拾色器

选取颜色:

或输入颜色值:

或使用 HTML5:

选择的颜色:

黑色文本

阴影

白色文本

阴影

#3399ff

rgb(51, 153, 255)

hsl(210, 100%, 60%)

hsv(210, 80%, 100%)

淡 / 暗:

100%		#ffffff
95%		#e5f2ff
90%		#cce5ff
85%		#b3d9ff
80%		#99ccff
75%		#80bfff
70%		#66b2ff
65%		#4da6ff

60%		#3399ff

55%		#1a8cff
50%		#007fff
45%		#0073e6
40%		#0066cc
35%		#0059b3
30%		#004c99
25%		#004080
20%		#003366
15%		#00264d
10%		#001933
5%		#000d1a
0%		#000000

Hue

Hue	Hex	Rgb	Hsl	Hsv
0	#ff3333	rgb(255, 51, 51)	hsl(0, 100%, 60%)	hsv(0, 80%, 100%)
15	#ff6633	rgb(255, 102, 51)	hsl(15, 100%, 60%)	hsv(15, 80%, 100%)
30	#ff9933	rgb(255, 153, 51)	hsl(30, 100%, 60%)	hsv(30, 80%, 100%)
45	#ffcc33	rgb(255, 204, 51)	hsl(45, 100%, 60%)	hsv(45, 80%, 100%)
60	#ffff33	rgb(255, 255, 51)	hsl(60, 100%, 60%)	hsv(60, 80%, 100%)
75	#ccff33	rgb(204, 255, 51)	hsl(75, 100%, 60%)	hsv(75, 80%, 100%)
90	#99ff33	rgb(153, 255, 51)	hsl(90, 100%, 60%)	hsv(90, 80%, 100%)
105	#66ff33	rgb(102, 255, 51)	hsl(105, 100%, 60%)	hsv(105, 80%, 100%)
120	#33ff33	rgb(51, 255, 51)	hsl(120, 100%, 60%)	hsv(120, 80%, 100%)
135	#33ff66	rgb(51, 255, 102)	hsl(135, 100%, 60%)	hsv(135, 80%, 100%)
150	#33ff99	rgb(51, 255, 153)	hsl(150, 100%, 60%)	hsv(150, 80%, 100%)
165	#33ffcc	rgb(51, 255, 204)	hsl(165, 100%, 60%)	hsv(165, 80%, 100%)
180	#33ffff	rgb(51, 255, 255)	hsl(180, 100%, 60%)	hsv(180, 80%, 100%)
195	#33ccff	rgb(51, 204, 255)	hsl(195, 100%, 60%)	hsv(195, 80%, 100%)
210	#3399ff	rgb(51, 153, 255)	hsl(210, 100%, 60%)	hsv(210, 80%, 100%)
225	#3366ff	rgb(51, 102, 255)	hsl(225, 100%, 60%)	hsv(225, 80%, 100%)
240	#3333ff	rgb(51, 51, 255)	hsl(240, 100%, 60%)	hsv(240, 80%, 100%)
255	#6633ff	rgb(102, 51, 255)	hsl(255, 100%, 60%)	hsv(255, 80%, 100%)
270	#9933ff	rgb(153, 51, 255)	hsl(270, 100%, 60%)	hsv(270, 80%, 100%)
285	#cc33ff	rgb(204, 51, 255)	hsl(285, 100%, 60%)	hsv(285, 80%, 100%)
300	#ff33ff	rgb(255, 51, 255)	hsl(300, 100%, 60%)	hsv(300, 80%, 100%)
315	#ff33cc	rgb(255, 51, 204)	hsl(315, 100%, 60%)	hsv(315, 80%, 100%)
330	#ff3399	rgb(255, 51, 153)	hsl(330, 100%, 60%)	hsv(330, 80%, 100%)
345	#ff3366	rgb(255, 51, 102)	hsl(345, 100%, 60%)	hsv(345, 80%, 100%)
360	#ff3333	rgb(255, 51, 51)	hsl(0, 100%, 60%)	hsv(0, 80%, 100%)

HSL Saturation

Sat	Hex	Rgb	Hsl	Hsv
100%	#3399ff	rgb(51, 153, 255)	hsl(210, 100%, 60%)	hsv(210, 80%, 100%)
95%	#3899fa	rgb(56, 153, 250)	hsl(210, 95%, 60%)	hsv(210, 78%, 98%)
90%	#3d99f5	rgb(61, 153, 245)	hsl(210, 90%, 60%)	hsv(210, 75%, 96%)
85%	#4299f0	rgb(66, 153, 240)	hsl(210, 85%, 60%)	hsv(210, 72%, 94%)
80%	#4799eb	rgb(71, 153, 235)	hsl(210, 80%, 60%)	hsv(210, 70%, 92%)
75%	#4c99e6	rgb(76, 153, 230)	hsl(210, 75%, 60%)	hsv(210, 67%, 90%)
70%	#5299e0	rgb(82, 153, 224)	hsl(210, 70%, 60%)	hsv(210, 64%, 88%)
65%	#5799db	rgb(87, 153, 219)	hsl(210, 65%, 60%)	hsv(210, 60%, 86%)
60%	#5c99d6	rgb(92, 153, 214)	hsl(210, 60%, 60%)	hsv(210, 57%, 84%)
55%	#6199d1	rgb(97, 153, 209)	hsl(210, 55%, 60%)	hsv(210, 54%, 82%)
50%	#6699cc	rgb(102, 153, 204)	hsl(210, 50%, 60%)	hsv(210, 50%, 80%)
45%	#6b99c7	rgb(107, 153, 199)	hsl(210, 45%, 60%)	hsv(210, 46%, 78%)
40%	#7099c2	rgb(112, 153, 194)	hsl(210, 40%, 60%)	hsv(210, 42%, 76%)
35%	#7599bd	rgb(117, 153, 189)	hsl(210, 35%, 60%)	hsv(210, 38%, 74%)
30%	#7a99b8	rgb(122, 153, 184)	hsl(210, 30%, 60%)	hsv(210, 33%, 72%)
25%	#8099b3	rgb(128, 153, 179)	hsl(210, 25%, 60%)	hsv(210, 29%, 70%)
20%	#8599ad	rgb(133, 153, 173)	hsl(210, 20%, 60%)	hsv(210, 24%, 68%)
15%	#8a99a8	rgb(138, 153, 168)	hsl(210, 15%, 60%)	hsv(210, 18%, 66%)
10%	#8f99a3	rgb(143, 153, 163)	hsl(210, 10%, 60%)	hsv(210, 12%, 64%)
5%	#94999e	rgb(148, 153, 158)	hsl(210, 5%, 60%)	hsv(210, 6%, 62%)
0%	#999999	rgb(153, 153, 153)	hsl(0, 0%, 60%)	hsv(0, 0%, 60%)

HSL 淡 / 暗

Lum	Hex	Rgb	Hsl	Hsv
100%	#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hsv(0, 0%, 100%)
95%	#e5f2ff	rgb(229, 242, 255)	hsl(210, 100%, 95%)	hsv(210, 10%, 100%)
90%	#cce5ff	rgb(204, 229, 255)	hsl(210, 100%, 90%)	hsv(210, 20%, 100%)
85%	#b3d9ff	rgb(179, 217, 255)	hsl(210, 100%, 85%)	hsv(210, 30%, 100%)
80%	#99ccff	rgb(153, 204, 255)	hsl(210, 100%, 80%)	hsv(210, 40%, 100%)
75%	#80bfff	rgb(128, 191, 255)	hsl(210, 100%, 75%)	hsv(210, 50%, 100%)
70%	#66b2ff	rgb(102, 178, 255)	hsl(210, 100%, 70%)	hsv(210, 60%, 100%)
65%	#4da6ff	rgb(77, 166, 255)	hsl(210, 100%, 65%)	hsv(210, 70%, 100%)
60%	#3399ff	rgb(51, 153, 255)	hsl(210, 100%, 60%)	hsv(210, 80%, 100%)
55%	#1a8cff	rgb(26, 140, 255)	hsl(210, 100%, 55%)	hsv(210, 90%, 100%)
50%	#007fff	rgb(0, 127, 255)	hsl(210, 100%, 50%)	hsv(210, 100%, 100%)
45%	#0073e6	rgb(0, 115, 230)	hsl(210, 100%, 45%)	hsv(210, 100%, 90%)
40%	#0066cc	rgb(0, 102, 204)	hsl(210, 100%, 40%)	hsv(210, 100%, 80%)
35%	#0059b3	rgb(0, 89, 179)	hsl(210, 100%, 35%)	hsv(210, 100%, 70%)
30%	#004c99	rgb(0, 76, 153)	hsl(210, 100%, 30%)	hsv(210, 100%, 60%)
25%	#004080	rgb(0, 64, 128)	hsl(210, 100%, 25%)	hsv(210, 100%, 50%)
20%	#003366	rgb(0, 51, 102)	hsl(210, 100%, 20%)	hsv(210, 100%, 40%)
15%	#00264d	rgb(0, 38, 77)	hsl(210, 100%, 15%)	hsv(210, 100%, 30%)
10%	#001933	rgb(0, 25, 51)	hsl(210, 100%, 10%)	hsv(210, 100%, 20%)
5%	#000d1a	rgb(0, 13, 26)	hsl(210, 100%, 5%)	hsv(210, 100%, 10%)
0%	#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hsv(0, 0%, 0%)

HSV Saturation

Sat	Hex	Rgb	Hsl	Hsv
100%	#0080ff	rgb(0, 128, 255)	hsl(210, 100%, 50%)	hsv(210, 100%, 100%)
95%	#0d86ff	rgb(13, 134, 255)	hsl(210, 100%, 53%)	hsv(210, 95%, 100%)
90%	#198cff	rgb(25, 140, 255)	hsl(210, 100%, 55%)	hsv(210, 90%, 100%)
85%	#2693ff	rgb(38, 147, 255)	hsl(210, 100%, 57%)	hsv(210, 85%, 100%)
80%	#3399ff	rgb(51, 153, 255)	hsl(210, 100%, 60%)	hsv(210, 80%, 100%)
75%	#409fff	rgb(64, 159, 255)	hsl(210, 100%, 63%)	hsv(210, 75%, 100%)
70%	#4da6ff	rgb(77, 166, 255)	hsl(210, 100%, 65%)	hsv(210, 70%, 100%)
65%	#59acff	rgb(89, 172, 255)	hsl(210, 100%, 68%)	hsv(210, 65%, 100%)
60%	#66b3ff	rgb(102, 179, 255)	hsl(210, 100%, 70%)	hsv(210, 60%, 100%)
55%	#73b9ff	rgb(115, 185, 255)	hsl(210, 100%, 73%)	hsv(210, 55%, 100%)
50%	#80bfff	rgb(128, 191, 255)	hsl(210, 100%, 75%)	hsv(210, 50%, 100%)
45%	#8cc6ff	rgb(140, 198, 255)	hsl(210, 100%, 78%)	hsv(210, 45%, 100%)
40%	#99ccff	rgb(153, 204, 255)	hsl(210, 100%, 80%)	hsv(210, 40%, 100%)
35%	#a6d2ff	rgb(166, 210, 255)	hsl(210, 100%, 83%)	hsv(210, 35%, 100%)
30%	#b3d9ff	rgb(179, 217, 255)	hsl(210, 100%, 85%)	hsv(210, 30%, 100%)
25%	#bfdfff	rgb(191, 223, 255)	hsl(210, 100%, 88%)	hsv(210, 25%, 100%)
20%	#cce6ff	rgb(204, 230, 255)	hsl(210, 100%, 90%)	hsv(210, 20%, 100%)
15%	#d9ecff	rgb(217, 236, 255)	hsl(210, 100%, 93%)	hsv(210, 15%, 100%)
10%	#e6f2ff	rgb(230, 242, 255)	hsl(210, 100%, 95%)	hsv(210, 10%, 100%)
5%	#f2f9ff	rgb(242, 249, 255)	hsl(210, 100%, 98%)	hsv(210, 5%, 100%)
0%	#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hsv(0, 0%, 100%)

HSV 亮 / 暗

Value	Hex	Rgb	Hsl	Hsv
100%	#3399ff	rgb(51, 153, 255)	hsl(210, 100%, 60%)	hsv(210, 80%, 100%)
95%	#3091f2	rgb(48, 145, 242)	hsl(210, 88%, 57%)	hsv(210, 80%, 95%)
90%	#2e8ae6	rgb(46, 138, 230)	hsl(210, 78%, 54%)	hsv(210, 80%, 90%)
85%	#2b82d9	rgb(43, 130, 217)	hsl(210, 69%, 51%)	hsv(210, 80%, 85%)
80%	#297acc	rgb(41, 122, 204)	hsl(210, 67%, 48%)	hsv(210, 80%, 80%)
75%	#2673bf	rgb(38, 115, 191)	hsl(210, 67%, 45%)	hsv(210, 80%, 75%)
70%	#246bb3	rgb(36, 107, 179)	hsl(210, 67%, 42%)	hsv(210, 80%, 70%)
65%	#2163a6	rgb(33, 99, 166)	hsl(210, 67%, 39%)	hsv(210, 80%, 65%)
60%	#1f5c99	rgb(31, 92, 153)	hsl(210, 67%, 36%)	hsv(210, 80%, 60%)
55%	#1c548c	rgb(28, 84, 140)	hsl(210, 67%, 33%)	hsv(210, 80%, 55%)
50%	#194d80	rgb(25, 77, 128)	hsl(210, 67%, 30%)	hsv(210, 80%, 50%)
45%	#174573	rgb(23, 69, 115)	hsl(210, 67%, 27%)	hsv(210, 80%, 45%)
40%	#143d66	rgb(20, 61, 102)	hsl(210, 67%, 24%)	hsv(210, 80%, 40%)
35%	#123659	rgb(18, 54, 89)	hsl(210, 67%, 21%)	hsv(210, 80%, 35%)
30%	#0f2e4d	rgb(15, 46, 77)	hsl(210, 67%, 18%)	hsv(210, 80%, 30%)
25%	#0d2640	rgb(13, 38, 64)	hsl(210, 67%, 15%)	hsv(210, 80%, 25%)
20%	#0a1f33	rgb(10, 31, 51)	hsl(210, 67%, 12%)	hsv(210, 80%, 20%)
15%	#081726	rgb(8, 23, 38)	hsl(210, 67%, 9%)	hsv(210, 80%, 15%)
10%	#050f1a	rgb(5, 15, 26)	hsl(210, 67%, 6%)	hsv(210, 80%, 10%)
5%	#03080d	rgb(3, 8, 13)	hsl(210, 67%, 3%)	hsv(210, 80%, 5%)
0%	#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hsv(0, 0%, 0%)

RGB (Red, Green, Blue)

Red	Green	Blue
51	153	255

rgb(51, 153, 255) #3399ff