颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
GreenYellow
#adff2f
rgb(173, 255, 47)
hsl(84, 100%, 59%)

更亮 / 更暗:

100%  #ffffff
95%  #f5ffe6
90%  #ebffcc
85%  #e0ffb3
80%  #d6ff99
75%  #ccff80
70%  #c2ff66
65%  #b8ff4d
60%  #adff33
59%  #adff2f
55%  #a3ff1a
50%  #99ff00
45%  #8ae600
40%  #7acc00
35%  #6bb300
30%  #5c9900
25%  #4d8000
20%  #3d6600
15%  #2e4d00
10%  #1f3300
5%  #0f1a00
0%  #000000

色调

hue HexRgbHsl
#ff2e2ergb(255, 46, 46)hsl(0, 100%, 59%)
15 #ff622ergb(255, 98, 46)hsl(15, 100%, 59%)
30 #ff962ergb(255, 150, 46)hsl(30, 100%, 59%)
45 #ffcb2ergb(255, 203, 46)hsl(45, 100%, 59%)
60 #ffff2ergb(255, 255, 46)hsl(60, 100%, 59%)
75 #cbff2ergb(203, 255, 46)hsl(75, 100%, 59%)
84 #adff2frgb(173, 255, 47)hsl(84, 100%, 59%)
90 #96ff2ergb(150, 255, 46)hsl(90, 100%, 59%)
105 #62ff2ergb(98, 255, 46)hsl(105, 100%, 59%)
120 #2eff2ergb(46, 255, 46)hsl(120, 100%, 59%)
135 #2eff62rgb(46, 255, 98)hsl(135, 100%, 59%)
150 #2eff96rgb(46, 255, 150)hsl(150, 100%, 59%)
165 #2effcbrgb(46, 255, 203)hsl(165, 100%, 59%)
180 #2effffrgb(46, 255, 255)hsl(180, 100%, 59%)
195 #2ecbffrgb(46, 203, 255)hsl(195, 100%, 59%)
210 #2e96ffrgb(46, 150, 255)hsl(210, 100%, 59%)
225 #2e62ffrgb(46, 98, 255)hsl(225, 100%, 59%)
240 #2e2effrgb(46, 46, 255)hsl(240, 100%, 59%)
255 #622effrgb(98, 46, 255)hsl(255, 100%, 59%)
270 #962effrgb(150, 46, 255)hsl(270, 100%, 59%)
285 #cb2effrgb(203, 46, 255)hsl(285, 100%, 59%)
300 #ff2effrgb(255, 46, 255)hsl(300, 100%, 59%)
315 #ff2ecbrgb(255, 46, 203)hsl(315, 100%, 59%)
330 #ff2e96rgb(255, 46, 150)hsl(330, 100%, 59%)
345 #ff2e62rgb(255, 46, 98)hsl(345, 100%, 59%)
360 #ff2e2ergb(255, 46, 46)hsl(0, 100%, 59%)


饱和度

sat HexRgbHsl
100% #adff2frgb(173, 255, 47)hsl(84, 100%, 59%)
95% #aafa33rgb(170, 250, 51)hsl(84, 95%, 59%)
90% #a9f538rgb(169, 245, 56)hsl(84, 90%, 59%)
85% #a8ef3ergb(168, 239, 62)hsl(84, 85%, 59%)
80% #a7ea43rgb(167, 234, 67)hsl(84, 80%, 59%)
75% #a6e548rgb(166, 229, 72)hsl(84, 75%, 59%)
70% #a5e04drgb(165, 224, 77)hsl(84, 70%, 59%)
65% #a4da52rgb(164, 218, 82)hsl(84, 65%, 59%)
60% #a3d558rgb(163, 213, 88)hsl(84, 60%, 59%)
55% #a2d05drgb(162, 208, 93)hsl(84, 55%, 59%)
50% #a1cb62rgb(161, 203, 98)hsl(84, 50%, 59%)
45% #a0c567rgb(160, 197, 103)hsl(84, 45%, 59%)
40% #9fc06drgb(159, 192, 109)hsl(84, 40%, 59%)
35% #9ebb72rgb(158, 187, 114)hsl(84, 35%, 59%)
30% #9db677rgb(157, 182, 119)hsl(84, 30%, 59%)
25% #9cb17crgb(156, 177, 124)hsl(84, 25%, 59%)
20% #9bab82rgb(155, 171, 130)hsl(84, 20%, 59%)
15% #9aa687rgb(154, 166, 135)hsl(84, 15%, 59%)
10% #99a18crgb(153, 161, 140)hsl(84, 10%, 59%)
5% #979c91rgb(151, 156, 145)hsl(84, 5%, 59%)
0% #969696rgb(150, 150, 150)hsl(84, 0%, 59%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(84, 100%, 100%)
95% #f5ffe6rgb(245, 255, 230)hsl(84, 100%, 95%)
90% #ebffccrgb(235, 255, 204)hsl(84, 100%, 90%)
85% #e0ffb3rgb(224, 255, 179)hsl(84, 100%, 85%)
80% #d6ff99rgb(214, 255, 153)hsl(84, 100%, 80%)
75% #ccff80rgb(204, 255, 128)hsl(84, 100%, 75%)
70% #c2ff66rgb(194, 255, 102)hsl(84, 100%, 70%)
65% #b8ff4drgb(184, 255, 77)hsl(84, 100%, 65%)
60% #adff33rgb(173, 255, 51)hsl(84, 100%, 60%)
59% #adff2frgb(173, 255, 47)hsl(84, 100%, 59%)
55% #a3ff1argb(163, 255, 26)hsl(84, 100%, 55%)
50% #99ff00rgb(153, 255, 0)hsl(84, 100%, 50%)
45% #8ae600rgb(138, 230, 0)hsl(84, 100%, 45%)
40% #7acc00rgb(122, 204, 0)hsl(84, 100%, 40%)
35% #6bb300rgb(107, 179, 0)hsl(84, 100%, 35%)
30% #5c9900rgb(92, 153, 0)hsl(84, 100%, 30%)
25% #4d8000rgb(77, 128, 0)hsl(84, 100%, 25%)
20% #3d6600rgb(61, 102, 0)hsl(84, 100%, 20%)
15% #2e4d00rgb(46, 77, 0)hsl(84, 100%, 15%)
10% #1f3300rgb(31, 51, 0)hsl(84, 100%, 10%)
5% #0f1a00rgb(15, 26, 0)hsl(84, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(84, 100%, 0%)

RGB (Red, Green, Blue)

绿
173 255 47
绿
rgb(173, 255, 47)
#adff2f