W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 颜色选择器



Pick a Color:

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

Or Enter a Color:


Or Use HTML5:



Selected Color:



Black Text

Shadow

White Text

Shadow
#ff8080
rgb(255, 128, 128)
hsl(0, 100%, 75%)

Lighter / Darker:

100%  #ffffff
95%  #ffe6e6
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 HexRgbHsl
#ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)
15 #ff9f80rgb(255, 159, 128)hsl(15, 100%, 75%)
30 #ffbf80rgb(255, 191, 128)hsl(30, 100%, 75%)
45 #ffdf80rgb(255, 223, 128)hsl(45, 100%, 75%)
60 #ffff80rgb(255, 255, 128)hsl(60, 100%, 75%)
75 #dfff80rgb(223, 255, 128)hsl(75, 100%, 75%)
90 #bfff80rgb(191, 255, 128)hsl(90, 100%, 75%)
105 #9fff80rgb(159, 255, 128)hsl(105, 100%, 75%)
120 #80ff80rgb(128, 255, 128)hsl(120, 100%, 75%)
135 #80ff9frgb(128, 255, 159)hsl(135, 100%, 75%)
150 #80ffbfrgb(128, 255, 191)hsl(150, 100%, 75%)
165 #80ffdfrgb(128, 255, 223)hsl(165, 100%, 75%)
180 #80ffffrgb(128, 255, 255)hsl(180, 100%, 75%)
195 #80dfffrgb(128, 223, 255)hsl(195, 100%, 75%)
210 #80bfffrgb(128, 191, 255)hsl(210, 100%, 75%)
225 #809fffrgb(128, 159, 255)hsl(225, 100%, 75%)
240 #8080ffrgb(128, 128, 255)hsl(240, 100%, 75%)
255 #9f80ffrgb(159, 128, 255)hsl(255, 100%, 75%)
270 #bf80ffrgb(191, 128, 255)hsl(270, 100%, 75%)
285 #df80ffrgb(223, 128, 255)hsl(285, 100%, 75%)
300 #ff80ffrgb(255, 128, 255)hsl(300, 100%, 75%)
315 #ff80dfrgb(255, 128, 223)hsl(315, 100%, 75%)
330 #ff80bfrgb(255, 128, 191)hsl(330, 100%, 75%)
345 #ff809frgb(255, 128, 159)hsl(345, 100%, 75%)
360 #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)

Saturation

sat HexRgbHsl
100% #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)
95% #fc8383rgb(252, 131, 131)hsl(0, 95%, 75%)
90% #f98686rgb(249, 134, 134)hsl(0, 90%, 75%)
85% #f58989rgb(245, 137, 137)hsl(0, 85%, 75%)
80% #f28c8crgb(242, 140, 140)hsl(0, 80%, 75%)
75% #ef8f8frgb(239, 143, 143)hsl(0, 75%, 75%)
70% #ec9393rgb(236, 147, 147)hsl(0, 70%, 75%)
65% #e99696rgb(233, 150, 150)hsl(0, 65%, 75%)
60% #e69999rgb(230, 153, 153)hsl(0, 60%, 75%)
55% #e29c9crgb(226, 156, 156)hsl(0, 55%, 75%)
50% #df9f9frgb(223, 159, 159)hsl(0, 50%, 75%)
45% #dca3a3rgb(220, 163, 163)hsl(0, 45%, 75%)
40% #d9a6a6rgb(217, 166, 166)hsl(0, 40%, 75%)
35% #d6a9a9rgb(214, 169, 169)hsl(0, 35%, 75%)
30% #d2acacrgb(210, 172, 172)hsl(0, 30%, 75%)
25% #cfafafrgb(207, 175, 175)hsl(0, 25%, 75%)
20% #ccb3b3rgb(204, 179, 179)hsl(0, 20%, 75%)
15% #c9b6b6rgb(201, 182, 182)hsl(0, 15%, 75%)
10% #c6b9b9rgb(198, 185, 185)hsl(0, 10%, 75%)
5% #c2bcbcrgb(194, 188, 188)hsl(0, 5%, 75%)
0% #bfbfbfrgb(191, 191, 191)hsl(0, 0%, 75%)

Lightness

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

RGB (Red, Green, Blue)

Red Green Blue
255 128 128
rgb(255, 128, 128)
#ff8080