颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
MediumAquaMarine
#66cdaa
rgb(102, 205, 170)
hsl(160, 51%, 60%)

更亮 / 更暗:

100%  #ffffff
95%  #ecf9f4
90%  #d8f3ea
85%  #c5ecdf
80%  #b2e6d5
75%  #9fe0ca
70%  #8bdac0
65%  #78d3b5
60% 

 #66cdaa
55%  #52c7a0
50%  #3ec195
45%  #38ad86
40%  #329a77
35%  #2c8768
30%  #25745a
25%  #1f604b
20%  #194d3c
15%  #133a2d
10%  #0c271e
5%  #06130f
0%  #000000

色调

hue HexRgbHsl
#cd6565rgb(205, 101, 101)hsl(0, 51%, 60%)
15 #cd7f65rgb(205, 127, 101)hsl(15, 51%, 60%)
30 #cd9965rgb(205, 153, 101)hsl(30, 51%, 60%)
45 #cdb365rgb(205, 179, 101)hsl(45, 51%, 60%)
60 #cdcd65rgb(205, 205, 101)hsl(60, 51%, 60%)
75 #b3cd65rgb(179, 205, 101)hsl(75, 51%, 60%)
90 #99cd65rgb(153, 205, 101)hsl(90, 51%, 60%)
105 #7fcd65rgb(127, 205, 101)hsl(105, 51%, 60%)
120 #65cd65rgb(101, 205, 101)hsl(120, 51%, 60%)
135 #65cd7frgb(101, 205, 127)hsl(135, 51%, 60%)
150 #65cd99rgb(101, 205, 153)hsl(150, 51%, 60%)
160 #66cdaargb(102, 205, 170)hsl(160, 51%, 60%)
165 #65cdb3rgb(101, 205, 179)hsl(165, 51%, 60%)
180 #65cdcdrgb(101, 205, 205)hsl(180, 51%, 60%)
195 #65b3cdrgb(101, 179, 205)hsl(195, 51%, 60%)
210 #6599cdrgb(101, 153, 205)hsl(210, 51%, 60%)
225 #657fcdrgb(101, 127, 205)hsl(225, 51%, 60%)
240 #6565cdrgb(101, 101, 205)hsl(240, 51%, 60%)
255 #7f65cdrgb(127, 101, 205)hsl(255, 51%, 60%)
270 #9965cdrgb(153, 101, 205)hsl(270, 51%, 60%)
285 #b365cdrgb(179, 101, 205)hsl(285, 51%, 60%)
300 #cd65cdrgb(205, 101, 205)hsl(300, 51%, 60%)
315 #cd65b3rgb(205, 101, 179)hsl(315, 51%, 60%)
330 #cd6599rgb(205, 101, 153)hsl(330, 51%, 60%)
345 #cd657frgb(205, 101, 127)hsl(345, 51%, 60%)
360 #cd6565rgb(205, 101, 101)hsl(0, 51%, 60%)


饱和度

sat HexRgbHsl
100% #33ffbbrgb(51, 255, 187)hsl(160, 100%, 60%)
95% #38fab9rgb(56, 250, 185)hsl(160, 95%, 60%)
90% #3df5b8rgb(61, 245, 184)hsl(160, 90%, 60%)
85% #42f0b6rgb(66, 240, 182)hsl(160, 85%, 60%)
80% #47ebb4rgb(71, 235, 180)hsl(160, 80%, 60%)
75% #4ce6b3rgb(76, 230, 179)hsl(160, 75%, 60%)
70% #52e0b1rgb(82, 224, 177)hsl(160, 70%, 60%)
65% #57dbafrgb(87, 219, 175)hsl(160, 65%, 60%)
60% #5cd6adrgb(92, 214, 173)hsl(160, 60%, 60%)
55% #61d1acrgb(97, 209, 172)hsl(160, 55%, 60%)
51% #66cdaargb(102, 205, 170)hsl(160, 51%, 60%)
50% #66ccaargb(102, 204, 170)hsl(160, 50%, 60%)
45% #6bc7a8rgb(107, 199, 168)hsl(160, 45%, 60%)
40% #70c2a7rgb(112, 194, 167)hsl(160, 40%, 60%)
35% #75bda5rgb(117, 189, 165)hsl(160, 35%, 60%)
30% #7ab8a3rgb(122, 184, 163)hsl(160, 30%, 60%)
25% #80b3a2rgb(128, 179, 162)hsl(160, 25%, 60%)
20% #85ada0rgb(133, 173, 160)hsl(160, 20%, 60%)
15% #8aa89ergb(138, 168, 158)hsl(160, 15%, 60%)
10% #8fa39crgb(143, 163, 156)hsl(160, 10%, 60%)
5% #949e9brgb(148, 158, 155)hsl(160, 5%, 60%)
0% #999999rgb(153, 153, 153)hsl(160, 0%, 60%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(160, 51%, 100%)
95% #ecf9f4rgb(236, 249, 244)hsl(160, 51%, 95%)
90% #d8f3eargb(216, 243, 234)hsl(160, 51%, 90%)
85% #c5ecdfrgb(197, 236, 223)hsl(160, 51%, 85%)
80% #b2e6d5rgb(178, 230, 213)hsl(160, 51%, 80%)
75% #9fe0cargb(159, 224, 202)hsl(160, 51%, 75%)
70% #8bdac0rgb(139, 218, 192)hsl(160, 51%, 70%)
65% #78d3b5rgb(120, 211, 181)hsl(160, 51%, 65%)
60% #66cdaargb(102, 205, 170)hsl(160, 51%, 60%)
55% #52c7a0rgb(82, 199, 160)hsl(160, 51%, 55%)
50% #3ec195rgb(62, 193, 149)hsl(160, 51%, 50%)
45% #38ad86rgb(56, 173, 134)hsl(160, 51%, 45%)
40% #329a77rgb(50, 154, 119)hsl(160, 51%, 40%)
35% #2c8768rgb(44, 135, 104)hsl(160, 51%, 35%)
30% #25745argb(37, 116, 90)hsl(160, 51%, 30%)
25% #1f604brgb(31, 96, 75)hsl(160, 51%, 25%)
20% #194d3crgb(25, 77, 60)hsl(160, 51%, 20%)
15% #133a2drgb(19, 58, 45)hsl(160, 51%, 15%)
10% #0c271ergb(12, 39, 30)hsl(160, 51%, 10%)
5% #06130frgb(6, 19, 15)hsl(160, 51%, 5%)
0% #000000rgb(0, 0, 0)hsl(160, 51%, 0%)

RGB (Red, Green, Blue)

绿
102 205 170
绿
rgb(102, 205, 170)
#66cdaa