颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
PaleGreen
#98fb98
rgb(152, 251, 152)
hsl(120, 93%, 79%)

更亮 / 更暗:

100%  #ffffff
95%  #e6fee6
90%  #cefdce
85%  #b5fcb5
80%  #9dfb9d
79%  #98fb98
75%  #84fb84
70%  #6bfa6b
65%  #53f953
60%  #3af83a
55%  #22f722
50%  #09f609
45%  #08dd08
40%  #07c507
35%  #06ac06
30%  #059405
25%  #047b04
20%  #046204
15%  #034a03
10%  #023102
5%  #011901
0%  #000000

色调

hue HexRgbHsl
#fb9898rgb(251, 152, 152)hsl(0, 93%, 79%)
15 #fbb198rgb(251, 177, 152)hsl(15, 93%, 79%)
30 #fbc998rgb(251, 201, 152)hsl(30, 93%, 79%)
45 #fbe298rgb(251, 226, 152)hsl(45, 93%, 79%)
60 #fbfb98rgb(251, 251, 152)hsl(60, 93%, 79%)
75 #e2fb98rgb(226, 251, 152)hsl(75, 93%, 79%)
90 #c9fb98rgb(201, 251, 152)hsl(90, 93%, 79%)
105 #b1fb98rgb(177, 251, 152)hsl(105, 93%, 79%)
120 #98fb98rgb(152, 251, 152)hsl(120, 93%, 79%)
135 #98fbb1rgb(152, 251, 177)hsl(135, 93%, 79%)
150 #98fbc9rgb(152, 251, 201)hsl(150, 93%, 79%)
165 #98fbe2rgb(152, 251, 226)hsl(165, 93%, 79%)
180 #98fbfbrgb(152, 251, 251)hsl(180, 93%, 79%)
195 #98e2fbrgb(152, 226, 251)hsl(195, 93%, 79%)
210 #98c9fbrgb(152, 201, 251)hsl(210, 93%, 79%)
225 #98b1fbrgb(152, 177, 251)hsl(225, 93%, 79%)
240 #9898fbrgb(152, 152, 251)hsl(240, 93%, 79%)
255 #b198fbrgb(177, 152, 251)hsl(255, 93%, 79%)
270 #c998fbrgb(201, 152, 251)hsl(270, 93%, 79%)
285 #e298fbrgb(226, 152, 251)hsl(285, 93%, 79%)
300 #fb98fbrgb(251, 152, 251)hsl(300, 93%, 79%)
315 #fb98e2rgb(251, 152, 226)hsl(315, 93%, 79%)
330 #fb98c9rgb(251, 152, 201)hsl(330, 93%, 79%)
345 #fb98b1rgb(251, 152, 177)hsl(345, 93%, 79%)
360 #fb9898rgb(251, 152, 152)hsl(0, 93%, 79%)


饱和度

sat HexRgbHsl
100% #94ff94rgb(148, 255, 148)hsl(120, 100%, 79%)
95% #97fc97rgb(151, 252, 151)hsl(120, 95%, 79%)
93% #98fb98rgb(152, 251, 152)hsl(120, 93%, 79%)
90% #99fa99rgb(153, 250, 153)hsl(120, 90%, 79%)
85% #9cf79crgb(156, 247, 156)hsl(120, 85%, 79%)
80% #9ff49frgb(159, 244, 159)hsl(120, 80%, 79%)
75% #a1f2a1rgb(161, 242, 161)hsl(120, 75%, 79%)
70% #a4efa4rgb(164, 239, 164)hsl(120, 70%, 79%)
65% #a7eca7rgb(167, 236, 167)hsl(120, 65%, 79%)
60% #a9eaa9rgb(169, 234, 169)hsl(120, 60%, 79%)
55% #ace7acrgb(172, 231, 172)hsl(120, 55%, 79%)
50% #afe4afrgb(175, 228, 175)hsl(120, 50%, 79%)
45% #b1e2b1rgb(177, 226, 177)hsl(120, 45%, 79%)
40% #b4dfb4rgb(180, 223, 180)hsl(120, 40%, 79%)
35% #b7dcb7rgb(183, 220, 183)hsl(120, 35%, 79%)
30% #b9dab9rgb(185, 218, 185)hsl(120, 30%, 79%)
25% #bcd7bcrgb(188, 215, 188)hsl(120, 25%, 79%)
20% #bfd4bfrgb(191, 212, 191)hsl(120, 20%, 79%)
15% #c1d1c1rgb(193, 209, 193)hsl(120, 15%, 79%)
10% #c4cfc4rgb(196, 207, 196)hsl(120, 10%, 79%)
5% #c7ccc7rgb(199, 204, 199)hsl(120, 5%, 79%)
0% #c9c9c9rgb(201, 201, 201)hsl(120, 0%, 79%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(120, 93%, 100%)
95% #e6fee6rgb(230, 254, 230)hsl(120, 93%, 95%)
90% #cefdcergb(206, 253, 206)hsl(120, 93%, 90%)
85% #b5fcb5rgb(181, 252, 181)hsl(120, 93%, 85%)
80% #9dfb9drgb(157, 251, 157)hsl(120, 93%, 80%)
79% #98fb98rgb(152, 251, 152)hsl(120, 93%, 79%)
75% #84fb84rgb(132, 251, 132)hsl(120, 93%, 75%)
70% #6bfa6brgb(107, 250, 107)hsl(120, 93%, 70%)
65% #53f953rgb(83, 249, 83)hsl(120, 93%, 65%)
60% #3af83argb(58, 248, 58)hsl(120, 93%, 60%)
55% #22f722rgb(34, 247, 34)hsl(120, 93%, 55%)
50% #09f609rgb(9, 246, 9)hsl(120, 93%, 50%)
45% #08dd08rgb(8, 221, 8)hsl(120, 93%, 45%)
40% #07c507rgb(7, 197, 7)hsl(120, 93%, 40%)
35% #06ac06rgb(6, 172, 6)hsl(120, 93%, 35%)
30% #059405rgb(5, 148, 5)hsl(120, 93%, 30%)
25% #047b04rgb(4, 123, 4)hsl(120, 93%, 25%)
20% #046204rgb(4, 98, 4)hsl(120, 93%, 20%)
15% #034a03rgb(3, 74, 3)hsl(120, 93%, 15%)
10% #023102rgb(2, 49, 2)hsl(120, 93%, 10%)
5% #011901rgb(1, 25, 1)hsl(120, 93%, 5%)
0% #000000rgb(0, 0, 0)hsl(120, 93%, 0%)

RGB (Red, Green, Blue)

绿
152 251 152
绿
rgb(152, 251, 152)
#98fb98