颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
PaleTurquoise
#afeeee
rgb(175, 238, 238)
hsl(180, 65%, 81%)

更亮 / 更暗:

100%  #ffffff
95%  #eafbfb
90%  #d5f6f6
85%  #c0f2f2
81%  #afeeee
80%  #abeded
75%  #96e9e9
70%  #81e4e4
65%  #6ce0e0
60%  #57dbdb
55%  #42d7d7
50%  #2dd2d2
45%  #28bdbd
40%  #24a8a8
35%  #1f9393
30%  #1b7e7e
25%  #166969
20%  #125454
15%  #0d3f3f
10%  #092a2a
5%  #041515
0%  #000000

色调

hue HexRgbHsl
#eeafafrgb(238, 175, 175)hsl(0, 65%, 81%)
15 #eebfafrgb(238, 191, 175)hsl(15, 65%, 81%)
30 #eecfafrgb(238, 207, 175)hsl(30, 65%, 81%)
45 #eedeafrgb(238, 222, 175)hsl(45, 65%, 81%)
60 #eeeeafrgb(238, 238, 175)hsl(60, 65%, 81%)
75 #deeeafrgb(222, 238, 175)hsl(75, 65%, 81%)
90 #cfeeafrgb(207, 238, 175)hsl(90, 65%, 81%)
105 #bfeeafrgb(191, 238, 175)hsl(105, 65%, 81%)
120 #afeeafrgb(175, 238, 175)hsl(120, 65%, 81%)
135 #afeebfrgb(175, 238, 191)hsl(135, 65%, 81%)
150 #afeecfrgb(175, 238, 207)hsl(150, 65%, 81%)
165 #afeedergb(175, 238, 222)hsl(165, 65%, 81%)
180 #afeeeergb(175, 238, 238)hsl(180, 65%, 81%)
195 #afdeeergb(175, 222, 238)hsl(195, 65%, 81%)
210 #afcfeergb(175, 207, 238)hsl(210, 65%, 81%)
225 #afbfeergb(175, 191, 238)hsl(225, 65%, 81%)
240 #afafeergb(175, 175, 238)hsl(240, 65%, 81%)
255 #bfafeergb(191, 175, 238)hsl(255, 65%, 81%)
270 #cfafeergb(207, 175, 238)hsl(270, 65%, 81%)
285 #deafeergb(222, 175, 238)hsl(285, 65%, 81%)
300 #eeafeergb(238, 175, 238)hsl(300, 65%, 81%)
315 #eeafdergb(238, 175, 222)hsl(315, 65%, 81%)
330 #eeafcfrgb(238, 175, 207)hsl(330, 65%, 81%)
345 #eeafbfrgb(238, 175, 191)hsl(345, 65%, 81%)
360 #eeafafrgb(238, 175, 175)hsl(0, 65%, 81%)


饱和度

sat HexRgbHsl
100% #9effffrgb(158, 255, 255)hsl(180, 100%, 81%)
95% #a1fdfdrgb(161, 253, 253)hsl(180, 95%, 81%)
90% #a3fafargb(163, 250, 250)hsl(180, 90%, 81%)
85% #a5f8f8rgb(165, 248, 248)hsl(180, 85%, 81%)
80% #a8f5f5rgb(168, 245, 245)hsl(180, 80%, 81%)
75% #aaf3f3rgb(170, 243, 243)hsl(180, 75%, 81%)
70% #adf0f0rgb(173, 240, 240)hsl(180, 70%, 81%)
65% #afeeeergb(175, 238, 238)hsl(180, 65%, 81%)
60% #b1ececrgb(177, 236, 236)hsl(180, 60%, 81%)
55% #b4e9e9rgb(180, 233, 233)hsl(180, 55%, 81%)
50% #b6e7e7rgb(182, 231, 231)hsl(180, 50%, 81%)
45% #b9e4e4rgb(185, 228, 228)hsl(180, 45%, 81%)
40% #bbe2e2rgb(187, 226, 226)hsl(180, 40%, 81%)
35% #bee0e0rgb(190, 224, 224)hsl(180, 35%, 81%)
30% #c0ddddrgb(192, 221, 221)hsl(180, 30%, 81%)
25% #c2dbdbrgb(194, 219, 219)hsl(180, 25%, 81%)
20% #c5d8d8rgb(197, 216, 216)hsl(180, 20%, 81%)
15% #c7d6d6rgb(199, 214, 214)hsl(180, 15%, 81%)
10% #cad3d3rgb(202, 211, 211)hsl(180, 10%, 81%)
5% #ccd1d1rgb(204, 209, 209)hsl(180, 5%, 81%)
0% #cfcfcfrgb(207, 207, 207)hsl(180, 0%, 81%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(180, 65%, 100%)
95% #eafbfbrgb(234, 251, 251)hsl(180, 65%, 95%)
90% #d5f6f6rgb(213, 246, 246)hsl(180, 65%, 90%)
85% #c0f2f2rgb(192, 242, 242)hsl(180, 65%, 85%)
81% #afeeeergb(175, 238, 238)hsl(180, 65%, 81%)
80% #abededrgb(171, 237, 237)hsl(180, 65%, 80%)
75% #96e9e9rgb(150, 233, 233)hsl(180, 65%, 75%)
70% #81e4e4rgb(129, 228, 228)hsl(180, 65%, 70%)
65% #6ce0e0rgb(108, 224, 224)hsl(180, 65%, 65%)
60% #57dbdbrgb(87, 219, 219)hsl(180, 65%, 60%)
55% #42d7d7rgb(66, 215, 215)hsl(180, 65%, 55%)
50% #2dd2d2rgb(45, 210, 210)hsl(180, 65%, 50%)
45% #28bdbdrgb(40, 189, 189)hsl(180, 65%, 45%)
40% #24a8a8rgb(36, 168, 168)hsl(180, 65%, 40%)
35% #1f9393rgb(31, 147, 147)hsl(180, 65%, 35%)
30% #1b7e7ergb(27, 126, 126)hsl(180, 65%, 30%)
25% #166969rgb(22, 105, 105)hsl(180, 65%, 25%)
20% #125454rgb(18, 84, 84)hsl(180, 65%, 20%)
15% #0d3f3frgb(13, 63, 63)hsl(180, 65%, 15%)
10% #092a2argb(9, 42, 42)hsl(180, 65%, 10%)
5% #041515rgb(4, 21, 21)hsl(180, 65%, 5%)
0% #000000rgb(0, 0, 0)hsl(180, 65%, 0%)

RGB (Red, Green, Blue)

绿
175 238 238
绿
rgb(175, 238, 238)
#afeeee