HTML 拾色器

选取颜色:

colormap#003366#336699#3366CC#003399#000099#0000CC#000066#006666#006699#0099CC#0066CC#0033CC#0000FF#3333FF#333399#669999#009999#33CCCC#00CCFF#0099FF#0066FF#3366FF#3333CC#666699#339966#00CC99#00FFCC#00FFFF#33CCFF#3399FF#6699FF#6666FF#6600FF#6600CC#339933#00CC66#00FF99#66FFCC#66FFFF#66CCFF#99CCFF#9999FF#9966FF#9933FF#9900FF#006600#00CC00#00FF00#66FF99#99FFCC#CCFFFF#CCCCFF#CC99FF#CC66FF#CC33FF#CC00FF#9900CC#003300#009933#33CC33#66FF66#99FF99#CCFFCC#FFFFFF#FFCCFF#FF99FF#FF66FF#FF00FF#CC00CC#660066#336600#009900#66FF33#99FF66#CCFF99#FFFFCC#FFCCCC#FF99CC#FF66CC#FF33CC#CC0099#993399#333300#669900#99FF33#CCFF66#FFFF99#FFCC99#FF9999#FF6699#FF3399#CC3399#990099#666633#99CC00#CCFF33#FFFF66#FFCC66#FF9966#FF6666#FF0066#CC6699#993366#999966#CCCC00#FFFF00#FFCC00#FF9933#FF6600#FF5050#CC0066#660033#996633#CC9900#FF9900#CC6600#FF3300#FF0000#CC0000#990033#663300#996600#CC3300#993300#990000#800000#993333
 

或输入颜色值:


或使用 HTML5:

选择的颜色:



黑色文本

阴影

白色文本

阴影
red
#ff0000
rgb(255, 0, 0)
hsl(0, 100%, 50%)
hsv(0, 100%, 100%)

淡 / 暗:

100%  #ffffff
95%  #ffe5e5
90%  #ffcccc
85%  #ffb3b3
80%  #ff9999
75%  #ff8080
70%  #ff6666
65%  #ff4d4d
60%  #ff3333
55%  #ff1a1a
50% 

 #ff0000
45%  #e60000
40%  #cc0000
35%  #b30000
30%  #990000
25%  #800000
20%  #660000
15%  #4d0000
10%  #330000
5%  #1a0000
0%  #000000

Hue

Hue HexRgbHslHsv
0 #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
15 #ff4000rgb(255, 64, 0)hsl(15, 100%, 50%)hsv(15, 100%, 100%)
30 #ff8000rgb(255, 128, 0)hsl(30, 100%, 50%)hsv(30, 100%, 100%)
45 #ffbf00rgb(255, 191, 0)hsl(45, 100%, 50%)hsv(45, 100%, 100%)
60 #ffff00rgb(255, 255, 0)hsl(60, 100%, 50%)hsv(60, 100%, 100%)
75 #bfff00rgb(191, 255, 0)hsl(75, 100%, 50%)hsv(75, 100%, 100%)
90 #80ff00rgb(128, 255, 0)hsl(90, 100%, 50%)hsv(90, 100%, 100%)
105 #40ff00rgb(64, 255, 0)hsl(105, 100%, 50%)hsv(105, 100%, 100%)
120 #00ff00rgb(0, 255, 0)hsl(120, 100%, 50%)hsv(120, 100%, 100%)
135 #00ff40rgb(0, 255, 64)hsl(135, 100%, 50%)hsv(135, 100%, 100%)
150 #00ff80rgb(0, 255, 128)hsl(150, 100%, 50%)hsv(150, 100%, 100%)
165 #00ffbfrgb(0, 255, 191)hsl(165, 100%, 50%)hsv(165, 100%, 100%)
180 #00ffffrgb(0, 255, 255)hsl(180, 100%, 50%)hsv(180, 100%, 100%)
195 #00bfffrgb(0, 191, 255)hsl(195, 100%, 50%)hsv(195, 100%, 100%)
210 #007fffrgb(0, 127, 255)hsl(210, 100%, 50%)hsv(210, 100%, 100%)
225 #0040ffrgb(0, 64, 255)hsl(225, 100%, 50%)hsv(225, 100%, 100%)
240 #0000ffrgb(0, 0, 255)hsl(240, 100%, 50%)hsv(240, 100%, 100%)
255 #4000ffrgb(64, 0, 255)hsl(255, 100%, 50%)hsv(255, 100%, 100%)
270 #7f00ffrgb(127, 0, 255)hsl(270, 100%, 50%)hsv(270, 100%, 100%)
285 #bf00ffrgb(191, 0, 255)hsl(285, 100%, 50%)hsv(285, 100%, 100%)
300 #ff00ffrgb(255, 0, 255)hsl(300, 100%, 50%)hsv(300, 100%, 100%)
315 #ff00bfrgb(255, 0, 191)hsl(315, 100%, 50%)hsv(315, 100%, 100%)
330 #ff0080rgb(255, 0, 128)hsl(330, 100%, 50%)hsv(330, 100%, 100%)
345 #ff0040rgb(255, 0, 64)hsl(345, 100%, 50%)hsv(345, 100%, 100%)
360 #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)

HSL Saturation

Sat HexRgbHslHsv
100% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
95% #f90606rgb(249, 6, 6)hsl(0, 95%, 50%)hsv(0, 97%, 98%)
90% #f20d0drgb(242, 13, 13)hsl(0, 90%, 50%)hsv(0, 95%, 95%)
85% #ec1313rgb(236, 19, 19)hsl(0, 85%, 50%)hsv(0, 92%, 93%)
80% #e61919rgb(230, 25, 25)hsl(0, 80%, 50%)hsv(0, 89%, 90%)
75% #df2020rgb(223, 32, 32)hsl(0, 75%, 50%)hsv(0, 86%, 88%)
70% #d92626rgb(217, 38, 38)hsl(0, 70%, 50%)hsv(0, 82%, 85%)
65% #d22d2drgb(210, 45, 45)hsl(0, 65%, 50%)hsv(0, 79%, 83%)
60% #cc3333rgb(204, 51, 51)hsl(0, 60%, 50%)hsv(0, 75%, 80%)
55% #c63939rgb(198, 57, 57)hsl(0, 55%, 50%)hsv(0, 71%, 78%)
50% #bf4040rgb(191, 64, 64)hsl(0, 50%, 50%)hsv(0, 67%, 75%)
45% #b94646rgb(185, 70, 70)hsl(0, 45%, 50%)hsv(0, 62%, 73%)
40% #b34d4drgb(179, 77, 77)hsl(0, 40%, 50%)hsv(0, 57%, 70%)
35% #ac5353rgb(172, 83, 83)hsl(0, 35%, 50%)hsv(0, 52%, 68%)
30% #a65959rgb(166, 89, 89)hsl(0, 30%, 50%)hsv(0, 46%, 65%)
25% #9f6060rgb(159, 96, 96)hsl(0, 25%, 50%)hsv(0, 40%, 63%)
20% #996666rgb(153, 102, 102)hsl(0, 20%, 50%)hsv(0, 33%, 60%)
15% #936c6crgb(147, 108, 108)hsl(0, 15%, 50%)hsv(0, 26%, 58%)
10% #8c7373rgb(140, 115, 115)hsl(0, 10%, 50%)hsv(0, 18%, 55%)
5% #867979rgb(134, 121, 121)hsl(0, 5%, 50%)hsv(0, 10%, 53%)
0% #808080rgb(128, 128, 128)hsl(0, 0%, 50%)hsv(0, 0%, 50%)

HSL 淡 / 暗

Lum HexRgbHslHsv
100% #ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)
95% #ffe5e5rgb(255, 229, 229)hsl(0, 100%, 95%)hsv(0, 10%, 100%)
90% #ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)hsv(0, 20%, 100%)
85% #ffb3b3rgb(255, 179, 179)hsl(0, 100%, 85%)hsv(0, 30%, 100%)
80% #ff9999rgb(255, 153, 153)hsl(0, 100%, 80%)hsv(0, 40%, 100%)
75% #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)hsv(0, 50%, 100%)
70% #ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)hsv(0, 60%, 100%)
65% #ff4d4drgb(255, 77, 77)hsl(0, 100%, 65%)hsv(0, 70%, 100%)
60% #ff3333rgb(255, 51, 51)hsl(0, 100%, 60%)hsv(0, 80%, 100%)
55% #ff1a1argb(255, 26, 26)hsl(0, 100%, 55%)hsv(0, 90%, 100%)
50% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
45% #e60000rgb(230, 0, 0)hsl(0, 100%, 45%)hsv(0, 100%, 90%)
40% #cc0000rgb(204, 0, 0)hsl(0, 100%, 40%)hsv(0, 100%, 80%)
35% #b30000rgb(179, 0, 0)hsl(0, 100%, 35%)hsv(0, 100%, 70%)
30% #990000rgb(153, 0, 0)hsl(0, 100%, 30%)hsv(0, 100%, 60%)
25% #800000rgb(128, 0, 0)hsl(0, 100%, 25%)hsv(0, 100%, 50%)
20% #660000rgb(102, 0, 0)hsl(0, 100%, 20%)hsv(0, 100%, 40%)
15% #4d0000rgb(77, 0, 0)hsl(0, 100%, 15%)hsv(0, 100%, 30%)
10% #330000rgb(51, 0, 0)hsl(0, 100%, 10%)hsv(0, 100%, 20%)
5% #1a0000rgb(26, 0, 0)hsl(0, 100%, 5%)hsv(0, 100%, 10%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

HSV Saturation

Sat HexRgbHslHsv
100% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
95% #ff0d0drgb(255, 13, 13)hsl(0, 100%, 53%)hsv(0, 95%, 100%)
90% #ff1919rgb(255, 25, 25)hsl(0, 100%, 55%)hsv(0, 90%, 100%)
85% #ff2626rgb(255, 38, 38)hsl(0, 100%, 57%)hsv(0, 85%, 100%)
80% #ff3333rgb(255, 51, 51)hsl(0, 100%, 60%)hsv(0, 80%, 100%)
75% #ff4040rgb(255, 64, 64)hsl(0, 100%, 63%)hsv(0, 75%, 100%)
70% #ff4d4drgb(255, 77, 77)hsl(0, 100%, 65%)hsv(0, 70%, 100%)
65% #ff5959rgb(255, 89, 89)hsl(0, 100%, 68%)hsv(0, 65%, 100%)
60% #ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)hsv(0, 60%, 100%)
55% #ff7373rgb(255, 115, 115)hsl(0, 100%, 73%)hsv(0, 55%, 100%)
50% #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)hsv(0, 50%, 100%)
45% #ff8c8crgb(255, 140, 140)hsl(0, 100%, 78%)hsv(0, 45%, 100%)
40% #ff9999rgb(255, 153, 153)hsl(0, 100%, 80%)hsv(0, 40%, 100%)
35% #ffa6a6rgb(255, 166, 166)hsl(0, 100%, 83%)hsv(0, 35%, 100%)
30% #ffb3b3rgb(255, 179, 179)hsl(0, 100%, 85%)hsv(0, 30%, 100%)
25% #ffbfbfrgb(255, 191, 191)hsl(0, 100%, 88%)hsv(0, 25%, 100%)
20% #ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)hsv(0, 20%, 100%)
15% #ffd9d9rgb(255, 217, 217)hsl(0, 100%, 93%)hsv(0, 15%, 100%)
10% #ffe6e6rgb(255, 230, 230)hsl(0, 100%, 95%)hsv(0, 10%, 100%)
5% #fff2f2rgb(255, 242, 242)hsl(0, 100%, 98%)hsv(0, 5%, 100%)
0% #ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)

HSV 亮 / 暗

Value HexRgbHslHsv
100% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)
95% #f20000rgb(242, 0, 0)hsl(0, 100%, 48%)hsv(0, 100%, 95%)
90% #e60000rgb(230, 0, 0)hsl(0, 100%, 45%)hsv(0, 100%, 90%)
85% #d90000rgb(217, 0, 0)hsl(0, 100%, 43%)hsv(0, 100%, 85%)
80% #cc0000rgb(204, 0, 0)hsl(0, 100%, 40%)hsv(0, 100%, 80%)
75% #bf0000rgb(191, 0, 0)hsl(0, 100%, 38%)hsv(0, 100%, 75%)
70% #b30000rgb(179, 0, 0)hsl(0, 100%, 35%)hsv(0, 100%, 70%)
65% #a60000rgb(166, 0, 0)hsl(0, 100%, 33%)hsv(0, 100%, 65%)
60% #990000rgb(153, 0, 0)hsl(0, 100%, 30%)hsv(0, 100%, 60%)
55% #8c0000rgb(140, 0, 0)hsl(0, 100%, 28%)hsv(0, 100%, 55%)
50% #800000rgb(128, 0, 0)hsl(0, 100%, 25%)hsv(0, 100%, 50%)
45% #730000rgb(115, 0, 0)hsl(0, 100%, 23%)hsv(0, 100%, 45%)
40% #660000rgb(102, 0, 0)hsl(0, 100%, 20%)hsv(0, 100%, 40%)
35% #590000rgb(89, 0, 0)hsl(0, 100%, 18%)hsv(0, 100%, 35%)
30% #4d0000rgb(77, 0, 0)hsl(0, 100%, 15%)hsv(0, 100%, 30%)
25% #400000rgb(64, 0, 0)hsl(0, 100%, 13%)hsv(0, 100%, 25%)
20% #330000rgb(51, 0, 0)hsl(0, 100%, 10%)hsv(0, 100%, 20%)
15% #260000rgb(38, 0, 0)hsl(0, 100%, 8%)hsv(0, 100%, 15%)
10% #1a0000rgb(26, 0, 0)hsl(0, 100%, 5%)hsv(0, 100%, 10%)
5% #0d0000rgb(13, 0, 0)hsl(0, 100%, 3%)hsv(0, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)

RGB (Red, Green, Blue)

Red Green Blue
255 0 0
rgb(255, 0, 0)  #ff0000