颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Turquoise
#40e0d0
rgb(64, 224, 208)
hsl(174, 72%, 56%)

更亮 / 更暗:

100%  #ffffff
95%  #e9fbfa
90%  #d3f8f4
85%  #bdf4ef
80%  #a7f1e9
75%  #91ede4
70%  #7beadf
65%  #65e6d9
60%  #50e2d4
56%  #40e0d0
55%  #3adfce
50%  #24dbc9
45%  #20c5b5
40%  #1dafa1
35%  #199a8d
30%  #158479
25%  #126e64
20%  #0e5850
15%  #0b423c
10%  #072c28
5%  #041614
0%  #000000

色调

hue HexRgbHsl
#e03e3ergb(224, 62, 62)hsl(0, 72%, 56%)
15 #e0663ergb(224, 102, 62)hsl(15, 72%, 56%)
30 #e08f3ergb(224, 143, 62)hsl(30, 72%, 56%)
45 #e0b73ergb(224, 183, 62)hsl(45, 72%, 56%)
60 #e0e03ergb(224, 224, 62)hsl(60, 72%, 56%)
75 #b7e03ergb(183, 224, 62)hsl(75, 72%, 56%)
90 #8fe03ergb(143, 224, 62)hsl(90, 72%, 56%)
105 #66e03ergb(102, 224, 62)hsl(105, 72%, 56%)
120 #3ee03ergb(62, 224, 62)hsl(120, 72%, 56%)
135 #3ee066rgb(62, 224, 102)hsl(135, 72%, 56%)
150 #3ee08frgb(62, 224, 143)hsl(150, 72%, 56%)
165 #3ee0b7rgb(62, 224, 183)hsl(165, 72%, 56%)
174 #40e0d0rgb(64, 224, 208)hsl(174, 72%, 56%)
180 #3ee0e0rgb(62, 224, 224)hsl(180, 72%, 56%)
195 #3eb7e0rgb(62, 183, 224)hsl(195, 72%, 56%)
210 #3e8fe0rgb(62, 143, 224)hsl(210, 72%, 56%)
225 #3e66e0rgb(62, 102, 224)hsl(225, 72%, 56%)
240 #3e3ee0rgb(62, 62, 224)hsl(240, 72%, 56%)
255 #663ee0rgb(102, 62, 224)hsl(255, 72%, 56%)
270 #8f3ee0rgb(143, 62, 224)hsl(270, 72%, 56%)
285 #b73ee0rgb(183, 62, 224)hsl(285, 72%, 56%)
300 #e03ee0rgb(224, 62, 224)hsl(300, 72%, 56%)
315 #e03eb7rgb(224, 62, 183)hsl(315, 72%, 56%)
330 #e03e8frgb(224, 62, 143)hsl(330, 72%, 56%)
345 #e03e66rgb(224, 62, 102)hsl(345, 72%, 56%)
360 #e03e3ergb(224, 62, 62)hsl(0, 72%, 56%)


饱和度

sat HexRgbHsl
100% #1fffe9rgb(31, 255, 233)hsl(174, 100%, 56%)
95% #24f9e4rgb(36, 249, 228)hsl(174, 95%, 56%)
90% #2af4e0rgb(42, 244, 224)hsl(174, 90%, 56%)
85% #2feedbrgb(47, 238, 219)hsl(174, 85%, 56%)
80% #35e9d7rgb(53, 233, 215)hsl(174, 80%, 56%)
75% #3be3d2rgb(59, 227, 210)hsl(174, 75%, 56%)
72% #40e0d0rgb(64, 224, 208)hsl(174, 72%, 56%)
70% #40ddcergb(64, 221, 206)hsl(174, 70%, 56%)
65% #46d8c9rgb(70, 216, 201)hsl(174, 65%, 56%)
60% #4bd2c5rgb(75, 210, 197)hsl(174, 60%, 56%)
55% #51cdc0rgb(81, 205, 192)hsl(174, 55%, 56%)
50% #57c7bcrgb(87, 199, 188)hsl(174, 50%, 56%)
45% #5cc1b7rgb(92, 193, 183)hsl(174, 45%, 56%)
40% #62bcb3rgb(98, 188, 179)hsl(174, 40%, 56%)
35% #68b6aergb(104, 182, 174)hsl(174, 35%, 56%)
30% #6db0aargb(109, 176, 170)hsl(174, 30%, 56%)
25% #73aba5rgb(115, 171, 165)hsl(174, 25%, 56%)
20% #78a5a1rgb(120, 165, 161)hsl(174, 20%, 56%)
15% #7ea09crgb(126, 160, 156)hsl(174, 15%, 56%)
10% #849a98rgb(132, 154, 152)hsl(174, 10%, 56%)
5% #899493rgb(137, 148, 147)hsl(174, 5%, 56%)
0% #8f8f8frgb(143, 143, 143)hsl(174, 0%, 56%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(174, 72%, 100%)
95% #e9fbfargb(233, 251, 250)hsl(174, 72%, 95%)
90% #d3f8f4rgb(211, 248, 244)hsl(174, 72%, 90%)
85% #bdf4efrgb(189, 244, 239)hsl(174, 72%, 85%)
80% #a7f1e9rgb(167, 241, 233)hsl(174, 72%, 80%)
75% #91ede4rgb(145, 237, 228)hsl(174, 72%, 75%)
70% #7beadfrgb(123, 234, 223)hsl(174, 72%, 70%)
65% #65e6d9rgb(101, 230, 217)hsl(174, 72%, 65%)
60% #50e2d4rgb(80, 226, 212)hsl(174, 72%, 60%)
56% #40e0d0rgb(64, 224, 208)hsl(174, 72%, 56%)
55% #3adfcergb(58, 223, 206)hsl(174, 72%, 55%)
50% #24dbc9rgb(36, 219, 201)hsl(174, 72%, 50%)
45% #20c5b5rgb(32, 197, 181)hsl(174, 72%, 45%)
40% #1dafa1rgb(29, 175, 161)hsl(174, 72%, 40%)
35% #199a8drgb(25, 154, 141)hsl(174, 72%, 35%)
30% #158479rgb(21, 132, 121)hsl(174, 72%, 30%)
25% #126e64rgb(18, 110, 100)hsl(174, 72%, 25%)
20% #0e5850rgb(14, 88, 80)hsl(174, 72%, 20%)
15% #0b423crgb(11, 66, 60)hsl(174, 72%, 15%)
10% #072c28rgb(7, 44, 40)hsl(174, 72%, 10%)
5% #041614rgb(4, 22, 20)hsl(174, 72%, 5%)
0% #000000rgb(0, 0, 0)hsl(174, 72%, 0%)

RGB (Red, Green, Blue)

绿
64 224 208
绿
rgb(64, 224, 208)
#40e0d0