颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
MediumTurquoise
#48d1cc
rgb(72, 209, 204)
hsl(178, 60%, 55%)

更亮 / 更暗:

100%  #ffffff
95%  #ebfaf9
90%  #d6f5f4
85%  #c2f0ee
80%  #adebe9
75%  #99e6e3
70%  #85e0dd
65%  #70dbd8
60%  #5cd6d2
55% 

 #48d1cc
50%  #33ccc7
45%  #2eb8b3
40%  #29a39f
35%  #248f8b
30%  #1f7a77
25%  #196663
20%  #145250
15%  #0f3d3c
10%  #0a2928
5%  #051414
0%  #000000

色调

hue HexRgbHsl
#d14747rgb(209, 71, 71)hsl(0, 60%, 55%)
15 #d16a47rgb(209, 106, 71)hsl(15, 60%, 55%)
30 #d18c47rgb(209, 140, 71)hsl(30, 60%, 55%)
45 #d1af47rgb(209, 175, 71)hsl(45, 60%, 55%)
60 #d1d147rgb(209, 209, 71)hsl(60, 60%, 55%)
75 #afd147rgb(175, 209, 71)hsl(75, 60%, 55%)
90 #8cd147rgb(140, 209, 71)hsl(90, 60%, 55%)
105 #6ad147rgb(106, 209, 71)hsl(105, 60%, 55%)
120 #47d147rgb(71, 209, 71)hsl(120, 60%, 55%)
135 #47d16argb(71, 209, 106)hsl(135, 60%, 55%)
150 #47d18crgb(71, 209, 140)hsl(150, 60%, 55%)
165 #47d1afrgb(71, 209, 175)hsl(165, 60%, 55%)
178 #48d1ccrgb(72, 209, 204)hsl(178, 60%, 55%)
180 #47d1d1rgb(71, 209, 209)hsl(180, 60%, 55%)
195 #47afd1rgb(71, 175, 209)hsl(195, 60%, 55%)
210 #478cd1rgb(71, 140, 209)hsl(210, 60%, 55%)
225 #476ad1rgb(71, 106, 209)hsl(225, 60%, 55%)
240 #4747d1rgb(71, 71, 209)hsl(240, 60%, 55%)
255 #6a47d1rgb(106, 71, 209)hsl(255, 60%, 55%)
270 #8c47d1rgb(140, 71, 209)hsl(270, 60%, 55%)
285 #af47d1rgb(175, 71, 209)hsl(285, 60%, 55%)
300 #d147d1rgb(209, 71, 209)hsl(300, 60%, 55%)
315 #d147afrgb(209, 71, 175)hsl(315, 60%, 55%)
330 #d1478crgb(209, 71, 140)hsl(330, 60%, 55%)
345 #d1476argb(209, 71, 106)hsl(345, 60%, 55%)
360 #d14747rgb(209, 71, 71)hsl(0, 60%, 55%)


饱和度

sat HexRgbHsl
100% #1afff7rgb(26, 255, 247)hsl(178, 100%, 55%)
95% #1ff9f2rgb(31, 249, 242)hsl(178, 95%, 55%)
90% #25f4edrgb(37, 244, 237)hsl(178, 90%, 55%)
85% #2beee7rgb(43, 238, 231)hsl(178, 85%, 55%)
80% #30e8e2rgb(48, 232, 226)hsl(178, 80%, 55%)
75% #36e2ddrgb(54, 226, 221)hsl(178, 75%, 55%)
70% #3cddd7rgb(60, 221, 215)hsl(178, 70%, 55%)
65% #42d7d2rgb(66, 215, 210)hsl(178, 65%, 55%)
60% #48d1ccrgb(72, 209, 204)hsl(178, 60%, 55%)
55% #4dcbc7rgb(77, 203, 199)hsl(178, 55%, 55%)
50% #53c6c2rgb(83, 198, 194)hsl(178, 50%, 55%)
45% #59c0bcrgb(89, 192, 188)hsl(178, 45%, 55%)
40% #5ebab7rgb(94, 186, 183)hsl(178, 40%, 55%)
35% #64b4b2rgb(100, 180, 178)hsl(178, 35%, 55%)
30% #6aafacrgb(106, 175, 172)hsl(178, 30%, 55%)
25% #70a9a7rgb(112, 169, 167)hsl(178, 25%, 55%)
20% #75a3a2rgb(117, 163, 162)hsl(178, 20%, 55%)
15% #7b9d9crgb(123, 157, 156)hsl(178, 15%, 55%)
10% #819897rgb(129, 152, 151)hsl(178, 10%, 55%)
5% #879292rgb(135, 146, 146)hsl(178, 5%, 55%)
0% #8c8c8crgb(140, 140, 140)hsl(178, 0%, 55%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(178, 60%, 100%)
95% #ebfaf9rgb(235, 250, 249)hsl(178, 60%, 95%)
90% #d6f5f4rgb(214, 245, 244)hsl(178, 60%, 90%)
85% #c2f0eergb(194, 240, 238)hsl(178, 60%, 85%)
80% #adebe9rgb(173, 235, 233)hsl(178, 60%, 80%)
75% #99e6e3rgb(153, 230, 227)hsl(178, 60%, 75%)
70% #85e0ddrgb(133, 224, 221)hsl(178, 60%, 70%)
65% #70dbd8rgb(112, 219, 216)hsl(178, 60%, 65%)
60% #5cd6d2rgb(92, 214, 210)hsl(178, 60%, 60%)
55% #48d1ccrgb(72, 209, 204)hsl(178, 60%, 55%)
50% #33ccc7rgb(51, 204, 199)hsl(178, 60%, 50%)
45% #2eb8b3rgb(46, 184, 179)hsl(178, 60%, 45%)
40% #29a39frgb(41, 163, 159)hsl(178, 60%, 40%)
35% #248f8brgb(36, 143, 139)hsl(178, 60%, 35%)
30% #1f7a77rgb(31, 122, 119)hsl(178, 60%, 30%)
25% #196663rgb(25, 102, 99)hsl(178, 60%, 25%)
20% #145250rgb(20, 82, 80)hsl(178, 60%, 20%)
15% #0f3d3crgb(15, 61, 60)hsl(178, 60%, 15%)
10% #0a2928rgb(10, 41, 40)hsl(178, 60%, 10%)
5% #051414rgb(5, 20, 20)hsl(178, 60%, 5%)
0% #000000rgb(0, 0, 0)hsl(178, 60%, 0%)

RGB (Red, Green, Blue)

绿
72 209 204
绿
rgb(72, 209, 204)
#48d1cc