颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
DarkTurquoise
#00ced1
rgb(0, 206, 209)
hsl(181, 100%, 41%)

更亮 / 更暗:

100%  #ffffff
95%  #e6ffff
90%  #ccfeff
85%  #b3feff
80%  #99fdff
75%  #80fdff
70%  #66fcff
65%  #4dfcff
60%  #33fcff
55%  #1afbff
50%  #00fbff
45%  #00e2e6
41%  #00ced1
40%  #00c9cc
35%  #00b0b3
30%  #009699
25%  #007d80
20%  #006466
15%  #004b4d
10%  #003233
5%  #00191a
0%  #000000

色调

hue HexRgbHsl
#d10000rgb(209, 0, 0)hsl(0, 100%, 41%)
15 #d13400rgb(209, 52, 0)hsl(15, 100%, 41%)
30 #d16900rgb(209, 105, 0)hsl(30, 100%, 41%)
45 #d19d00rgb(209, 157, 0)hsl(45, 100%, 41%)
60 #d1d100rgb(209, 209, 0)hsl(60, 100%, 41%)
75 #9dd100rgb(157, 209, 0)hsl(75, 100%, 41%)
90 #69d100rgb(105, 209, 0)hsl(90, 100%, 41%)
105 #34d100rgb(52, 209, 0)hsl(105, 100%, 41%)
120 #00d100rgb(0, 209, 0)hsl(120, 100%, 41%)
135 #00d134rgb(0, 209, 52)hsl(135, 100%, 41%)
150 #00d169rgb(0, 209, 105)hsl(150, 100%, 41%)
165 #00d19drgb(0, 209, 157)hsl(165, 100%, 41%)
180 #00d1d1rgb(0, 209, 209)hsl(180, 100%, 41%)
181 #00ced1rgb(0, 206, 209)hsl(181, 100%, 41%)
195 #009dd1rgb(0, 157, 209)hsl(195, 100%, 41%)
210 #0069d1rgb(0, 105, 209)hsl(210, 100%, 41%)
225 #0034d1rgb(0, 52, 209)hsl(225, 100%, 41%)
240 #0000d1rgb(0, 0, 209)hsl(240, 100%, 41%)
255 #3400d1rgb(52, 0, 209)hsl(255, 100%, 41%)
270 #6900d1rgb(105, 0, 209)hsl(270, 100%, 41%)
285 #9d00d1rgb(157, 0, 209)hsl(285, 100%, 41%)
300 #d100d1rgb(209, 0, 209)hsl(300, 100%, 41%)
315 #d1009drgb(209, 0, 157)hsl(315, 100%, 41%)
330 #d10069rgb(209, 0, 105)hsl(330, 100%, 41%)
345 #d10034rgb(209, 0, 52)hsl(345, 100%, 41%)
360 #d10000rgb(209, 0, 0)hsl(0, 100%, 41%)


饱和度

sat HexRgbHsl
100% #00ced1rgb(0, 206, 209)hsl(181, 100%, 41%)
95% #05c9ccrgb(5, 201, 204)hsl(181, 95%, 41%)
90% #0ac4c7rgb(10, 196, 199)hsl(181, 90%, 41%)
85% #10bec1rgb(16, 190, 193)hsl(181, 85%, 41%)
80% #15b9bcrgb(21, 185, 188)hsl(181, 80%, 41%)
75% #1ab4b7rgb(26, 180, 183)hsl(181, 75%, 41%)
70% #1fafb2rgb(31, 175, 178)hsl(181, 70%, 41%)
65% #25aaadrgb(37, 170, 173)hsl(181, 65%, 41%)
60% #2aa5a7rgb(42, 165, 167)hsl(181, 60%, 41%)
55% #2fa0a2rgb(47, 160, 162)hsl(181, 55%, 41%)
50% #349b9drgb(52, 155, 157)hsl(181, 50%, 41%)
45% #3a9698rgb(58, 150, 152)hsl(181, 45%, 41%)
40% #3f9192rgb(63, 145, 146)hsl(181, 40%, 41%)
35% #448c8drgb(68, 140, 141)hsl(181, 35%, 41%)
30% #498788rgb(73, 135, 136)hsl(181, 30%, 41%)
25% #4e8283rgb(78, 130, 131)hsl(181, 25%, 41%)
20% #547d7drgb(84, 125, 125)hsl(181, 20%, 41%)
15% #597878rgb(89, 120, 120)hsl(181, 15%, 41%)
10% #5e7373rgb(94, 115, 115)hsl(181, 10%, 41%)
5% #636e6ergb(99, 110, 110)hsl(181, 5%, 41%)
0% #696969rgb(105, 105, 105)hsl(181, 0%, 41%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(181, 100%, 100%)
95% #e6ffffrgb(230, 255, 255)hsl(181, 100%, 95%)
90% #ccfeffrgb(204, 254, 255)hsl(181, 100%, 90%)
85% #b3feffrgb(179, 254, 255)hsl(181, 100%, 85%)
80% #99fdffrgb(153, 253, 255)hsl(181, 100%, 80%)
75% #80fdffrgb(128, 253, 255)hsl(181, 100%, 75%)
70% #66fcffrgb(102, 252, 255)hsl(181, 100%, 70%)
65% #4dfcffrgb(77, 252, 255)hsl(181, 100%, 65%)
60% #33fcffrgb(51, 252, 255)hsl(181, 100%, 60%)
55% #1afbffrgb(26, 251, 255)hsl(181, 100%, 55%)
50% #00fbffrgb(0, 251, 255)hsl(181, 100%, 50%)
45% #00e2e6rgb(0, 226, 230)hsl(181, 100%, 45%)
41% #00ced1rgb(0, 206, 209)hsl(181, 100%, 41%)
40% #00c9ccrgb(0, 201, 204)hsl(181, 100%, 40%)
35% #00b0b3rgb(0, 176, 179)hsl(181, 100%, 35%)
30% #009699rgb(0, 150, 153)hsl(181, 100%, 30%)
25% #007d80rgb(0, 125, 128)hsl(181, 100%, 25%)
20% #006466rgb(0, 100, 102)hsl(181, 100%, 20%)
15% #004b4drgb(0, 75, 77)hsl(181, 100%, 15%)
10% #003233rgb(0, 50, 51)hsl(181, 100%, 10%)
5% #00191argb(0, 25, 26)hsl(181, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(181, 100%, 0%)

RGB (Red, Green, Blue)

绿
0 206 209
绿
rgb(0, 206, 209)
#00ced1