颜色选择器 :

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选择:



选择的颜色:



黑色文本

阴影

白色文本

阴影
Purple
#800080
rgb(128, 0, 128)
hsl(300, 100%, 25%)

更亮 / 更暗:

100%  #ffffff
95%  #ffe6ff
90%  #ffccff
85%  #ffb3ff
80%  #ff99ff
75%  #ff80ff
70%  #ff66ff
65%  #ff4dff
60%  #ff33ff
55%  #ff1aff
50%  #ff00ff
45%  #e600e6
40%  #cc00cc
35%  #b300b3
30%  #990099
25% 

 #800080
20%  #660066
15%  #4d004d
10%  #330033
5%  #1a001a
0%  #000000

色调

hue HexRgbHsl
#800000rgb(128, 0, 0)hsl(0, 100%, 25%)
15 #802000rgb(128, 32, 0)hsl(15, 100%, 25%)
30 #804000rgb(128, 64, 0)hsl(30, 100%, 25%)
45 #806000rgb(128, 96, 0)hsl(45, 100%, 25%)
60 #808000rgb(128, 128, 0)hsl(60, 100%, 25%)
75 #608000rgb(96, 128, 0)hsl(75, 100%, 25%)
90 #408000rgb(64, 128, 0)hsl(90, 100%, 25%)
105 #208000rgb(32, 128, 0)hsl(105, 100%, 25%)
120 #008000rgb(0, 128, 0)hsl(120, 100%, 25%)
135 #008020rgb(0, 128, 32)hsl(135, 100%, 25%)
150 #008040rgb(0, 128, 64)hsl(150, 100%, 25%)
165 #008060rgb(0, 128, 96)hsl(165, 100%, 25%)
180 #008080rgb(0, 128, 128)hsl(180, 100%, 25%)
195 #006080rgb(0, 96, 128)hsl(195, 100%, 25%)
210 #004080rgb(0, 64, 128)hsl(210, 100%, 25%)
225 #002080rgb(0, 32, 128)hsl(225, 100%, 25%)
240 #000080rgb(0, 0, 128)hsl(240, 100%, 25%)
255 #200080rgb(32, 0, 128)hsl(255, 100%, 25%)
270 #400080rgb(64, 0, 128)hsl(270, 100%, 25%)
285 #600080rgb(96, 0, 128)hsl(285, 100%, 25%)
300 #800080rgb(128, 0, 128)hsl(300, 100%, 25%)
315 #800060rgb(128, 0, 96)hsl(315, 100%, 25%)
330 #800040rgb(128, 0, 64)hsl(330, 100%, 25%)
345 #800020rgb(128, 0, 32)hsl(345, 100%, 25%)
360 #800000rgb(128, 0, 0)hsl(0, 100%, 25%)


饱和度

sat HexRgbHsl
100% #800080rgb(128, 0, 128)hsl(300, 100%, 25%)
95% #7c037crgb(124, 3, 124)hsl(300, 95%, 25%)
90% #790679rgb(121, 6, 121)hsl(300, 90%, 25%)
85% #760a76rgb(118, 10, 118)hsl(300, 85%, 25%)
80% #730d73rgb(115, 13, 115)hsl(300, 80%, 25%)
75% #701070rgb(112, 16, 112)hsl(300, 75%, 25%)
70% #6c136crgb(108, 19, 108)hsl(300, 70%, 25%)
65% #691669rgb(105, 22, 105)hsl(300, 65%, 25%)
60% #661966rgb(102, 25, 102)hsl(300, 60%, 25%)
55% #631d63rgb(99, 29, 99)hsl(300, 55%, 25%)
50% #602060rgb(96, 32, 96)hsl(300, 50%, 25%)
45% #5c235crgb(92, 35, 92)hsl(300, 45%, 25%)
40% #592659rgb(89, 38, 89)hsl(300, 40%, 25%)
35% #562956rgb(86, 41, 86)hsl(300, 35%, 25%)
30% #532d53rgb(83, 45, 83)hsl(300, 30%, 25%)
25% #503050rgb(80, 48, 80)hsl(300, 25%, 25%)
20% #4d334drgb(77, 51, 77)hsl(300, 20%, 25%)
15% #493649rgb(73, 54, 73)hsl(300, 15%, 25%)
10% #463946rgb(70, 57, 70)hsl(300, 10%, 25%)
5% #433d43rgb(67, 61, 67)hsl(300, 5%, 25%)
0% #404040rgb(64, 64, 64)hsl(300, 0%, 25%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(300, 100%, 100%)
95% #ffe6ffrgb(255, 230, 255)hsl(300, 100%, 95%)
90% #ffccffrgb(255, 204, 255)hsl(300, 100%, 90%)
85% #ffb3ffrgb(255, 179, 255)hsl(300, 100%, 85%)
80% #ff99ffrgb(255, 153, 255)hsl(300, 100%, 80%)
75% #ff80ffrgb(255, 128, 255)hsl(300, 100%, 75%)
70% #ff66ffrgb(255, 102, 255)hsl(300, 100%, 70%)
65% #ff4dffrgb(255, 77, 255)hsl(300, 100%, 65%)
60% #ff33ffrgb(255, 51, 255)hsl(300, 100%, 60%)
55% #ff1affrgb(255, 26, 255)hsl(300, 100%, 55%)
50% #ff00ffrgb(255, 0, 255)hsl(300, 100%, 50%)
45% #e600e6rgb(230, 0, 230)hsl(300, 100%, 45%)
40% #cc00ccrgb(204, 0, 204)hsl(300, 100%, 40%)
35% #b300b3rgb(179, 0, 179)hsl(300, 100%, 35%)
30% #990099rgb(153, 0, 153)hsl(300, 100%, 30%)
25% #800080rgb(128, 0, 128)hsl(300, 100%, 25%)
20% #660066rgb(102, 0, 102)hsl(300, 100%, 20%)
15% #4d004drgb(77, 0, 77)hsl(300, 100%, 15%)
10% #330033rgb(51, 0, 51)hsl(300, 100%, 10%)
5% #1a001argb(26, 0, 26)hsl(300, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(300, 100%, 0%)

RGB (Red, Green, Blue)

绿
128 0 128
绿
rgb(128, 0, 128)
#800080