颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
YellowGreen
#9acd32
rgb(154, 205, 50)
hsl(80, 61%, 50%)

更亮 / 更暗:

100%  #ffffff
95%  #f5faea
90%  #ebf5d6
85%  #e1f0c1
80%  #d6ebad
75%  #cce698
70%  #c2e184
65%  #b8dc6f
60%  #aed75b
55%  #a4d246
50% 

 #9acd32
45%  #8ab92d
40%  #7ba428
35%  #6b9023
30%  #5c7b1e
25%  #4d6719
20%  #3d5214
15%  #2e3e0f
10%  #1f290a
5%  #0f1505
0%  #000000

色调

hue HexRgbHsl
#cd3232rgb(205, 50, 50)hsl(0, 61%, 50%)
15 #cd5932rgb(205, 89, 50)hsl(15, 61%, 50%)
30 #cd8032rgb(205, 128, 50)hsl(30, 61%, 50%)
45 #cda632rgb(205, 166, 50)hsl(45, 61%, 50%)
60 #cdcd32rgb(205, 205, 50)hsl(60, 61%, 50%)
75 #a6cd32rgb(166, 205, 50)hsl(75, 61%, 50%)
80 #9acd32rgb(154, 205, 50)hsl(80, 61%, 50%)
90 #80cd32rgb(128, 205, 50)hsl(90, 61%, 50%)
105 #59cd32rgb(89, 205, 50)hsl(105, 61%, 50%)
120 #32cd32rgb(50, 205, 50)hsl(120, 61%, 50%)
135 #32cd59rgb(50, 205, 89)hsl(135, 61%, 50%)
150 #32cd80rgb(50, 205, 128)hsl(150, 61%, 50%)
165 #32cda6rgb(50, 205, 166)hsl(165, 61%, 50%)
180 #32cdcdrgb(50, 205, 205)hsl(180, 61%, 50%)
195 #32a6cdrgb(50, 166, 205)hsl(195, 61%, 50%)
210 #3280cdrgb(50, 128, 205)hsl(210, 61%, 50%)
225 #3259cdrgb(50, 89, 205)hsl(225, 61%, 50%)
240 #3232cdrgb(50, 50, 205)hsl(240, 61%, 50%)
255 #5932cdrgb(89, 50, 205)hsl(255, 61%, 50%)
270 #8032cdrgb(128, 50, 205)hsl(270, 61%, 50%)
285 #a632cdrgb(166, 50, 205)hsl(285, 61%, 50%)
300 #cd32cdrgb(205, 50, 205)hsl(300, 61%, 50%)
315 #cd32a6rgb(205, 50, 166)hsl(315, 61%, 50%)
330 #cd3280rgb(205, 50, 128)hsl(330, 61%, 50%)
345 #cd3259rgb(205, 50, 89)hsl(345, 61%, 50%)
360 #cd3232rgb(205, 50, 50)hsl(0, 61%, 50%)


饱和度

sat HexRgbHsl
100% #aaff00rgb(170, 255, 0)hsl(80, 100%, 50%)
95% #a8f906rgb(168, 249, 6)hsl(80, 95%, 50%)
90% #a6f20drgb(166, 242, 13)hsl(80, 90%, 50%)
85% #a4ec13rgb(164, 236, 19)hsl(80, 85%, 50%)
80% #a2e619rgb(162, 230, 25)hsl(80, 80%, 50%)
75% #9fdf20rgb(159, 223, 32)hsl(80, 75%, 50%)
70% #9dd926rgb(157, 217, 38)hsl(80, 70%, 50%)
65% #9bd22drgb(155, 210, 45)hsl(80, 65%, 50%)
61% #9acd32rgb(154, 205, 50)hsl(80, 61%, 50%)
60% #99cc33rgb(153, 204, 51)hsl(80, 60%, 50%)
55% #97c639rgb(151, 198, 57)hsl(80, 55%, 50%)
50% #95bf40rgb(149, 191, 64)hsl(80, 50%, 50%)
45% #93b946rgb(147, 185, 70)hsl(80, 45%, 50%)
40% #91b34drgb(145, 179, 77)hsl(80, 40%, 50%)
35% #8eac53rgb(142, 172, 83)hsl(80, 35%, 50%)
30% #8ca659rgb(140, 166, 89)hsl(80, 30%, 50%)
25% #8a9f60rgb(138, 159, 96)hsl(80, 25%, 50%)
20% #889966rgb(136, 153, 102)hsl(80, 20%, 50%)
15% #86936crgb(134, 147, 108)hsl(80, 15%, 50%)
10% #848c73rgb(132, 140, 115)hsl(80, 10%, 50%)
5% #828679rgb(130, 134, 121)hsl(80, 5%, 50%)
0% #808080rgb(128, 128, 128)hsl(80, 0%, 50%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(80, 61%, 100%)
95% #f5faeargb(245, 250, 234)hsl(80, 61%, 95%)
90% #ebf5d6rgb(235, 245, 214)hsl(80, 61%, 90%)
85% #e1f0c1rgb(225, 240, 193)hsl(80, 61%, 85%)
80% #d6ebadrgb(214, 235, 173)hsl(80, 61%, 80%)
75% #cce698rgb(204, 230, 152)hsl(80, 61%, 75%)
70% #c2e184rgb(194, 225, 132)hsl(80, 61%, 70%)
65% #b8dc6frgb(184, 220, 111)hsl(80, 61%, 65%)
60% #aed75brgb(174, 215, 91)hsl(80, 61%, 60%)
55% #a4d246rgb(164, 210, 70)hsl(80, 61%, 55%)
50% #9acd32rgb(154, 205, 50)hsl(80, 61%, 50%)
45% #8ab92drgb(138, 185, 45)hsl(80, 61%, 45%)
40% #7ba428rgb(123, 164, 40)hsl(80, 61%, 40%)
35% #6b9023rgb(107, 144, 35)hsl(80, 61%, 35%)
30% #5c7b1ergb(92, 123, 30)hsl(80, 61%, 30%)
25% #4d6719rgb(77, 103, 25)hsl(80, 61%, 25%)
20% #3d5214rgb(61, 82, 20)hsl(80, 61%, 20%)
15% #2e3e0frgb(46, 62, 15)hsl(80, 61%, 15%)
10% #1f290argb(31, 41, 10)hsl(80, 61%, 10%)
5% #0f1505rgb(15, 21, 5)hsl(80, 61%, 5%)
0% #000000rgb(0, 0, 0)hsl(80, 61%, 0%)

RGB (Red, Green, Blue)

绿
154 205 50
绿
rgb(154, 205, 50)
#9acd32