颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
LightCyan
#e0ffff
rgb(224, 255, 255)
hsl(180, 100%, 94%)

更亮 / 更暗:

100%  #ffffff
95%  #e6ffff
94%  #e0ffff
90%  #ccffff
85%  #b3ffff
80%  #99ffff
75%  #80ffff
70%  #66ffff
65%  #4dffff
60%  #33ffff
55%  #1affff
50%  #00ffff
45%  #00e6e6
40%  #00cccc
35%  #00b3b3
30%  #009999
25%  #008080
20%  #006666
15%  #004d4d
10%  #003333
5%  #001a1a
0%  #000000

色调

hue HexRgbHsl
#ffe0e0rgb(255, 224, 224)hsl(0, 100%, 94%)
15 #ffe8e0rgb(255, 232, 224)hsl(15, 100%, 94%)
30 #fff0e0rgb(255, 240, 224)hsl(30, 100%, 94%)
45 #fff7e0rgb(255, 247, 224)hsl(45, 100%, 94%)
60 #ffffe0rgb(255, 255, 224)hsl(60, 100%, 94%)
75 #f7ffe0rgb(247, 255, 224)hsl(75, 100%, 94%)
90 #f0ffe0rgb(240, 255, 224)hsl(90, 100%, 94%)
105 #e8ffe0rgb(232, 255, 224)hsl(105, 100%, 94%)
120 #e0ffe0rgb(224, 255, 224)hsl(120, 100%, 94%)
135 #e0ffe8rgb(224, 255, 232)hsl(135, 100%, 94%)
150 #e0fff0rgb(224, 255, 240)hsl(150, 100%, 94%)
165 #e0fff7rgb(224, 255, 247)hsl(165, 100%, 94%)
180 #e0ffffrgb(224, 255, 255)hsl(180, 100%, 94%)
195 #e0f7ffrgb(224, 247, 255)hsl(195, 100%, 94%)
210 #e0f0ffrgb(224, 240, 255)hsl(210, 100%, 94%)
225 #e0e8ffrgb(224, 232, 255)hsl(225, 100%, 94%)
240 #e0e0ffrgb(224, 224, 255)hsl(240, 100%, 94%)
255 #e8e0ffrgb(232, 224, 255)hsl(255, 100%, 94%)
270 #f0e0ffrgb(240, 224, 255)hsl(270, 100%, 94%)
285 #f7e0ffrgb(247, 224, 255)hsl(285, 100%, 94%)
300 #ffe0ffrgb(255, 224, 255)hsl(300, 100%, 94%)
315 #ffe0f7rgb(255, 224, 247)hsl(315, 100%, 94%)
330 #ffe0f0rgb(255, 224, 240)hsl(330, 100%, 94%)
345 #ffe0e8rgb(255, 224, 232)hsl(345, 100%, 94%)
360 #ffe0e0rgb(255, 224, 224)hsl(0, 100%, 94%)


饱和度

sat HexRgbHsl
100% #e0ffffrgb(224, 255, 255)hsl(180, 100%, 94%)
95% #e1fefergb(225, 254, 254)hsl(180, 95%, 94%)
90% #e2fdfdrgb(226, 253, 253)hsl(180, 90%, 94%)
85% #e3fdfdrgb(227, 253, 253)hsl(180, 85%, 94%)
80% #e3fcfcrgb(227, 252, 252)hsl(180, 80%, 94%)
75% #e4fbfbrgb(228, 251, 251)hsl(180, 75%, 94%)
70% #e5fafargb(229, 250, 250)hsl(180, 70%, 94%)
65% #e6fafargb(230, 250, 250)hsl(180, 65%, 94%)
60% #e7f9f9rgb(231, 249, 249)hsl(180, 60%, 94%)
55% #e7f8f8rgb(231, 248, 248)hsl(180, 55%, 94%)
50% #e8f7f7rgb(232, 247, 247)hsl(180, 50%, 94%)
45% #e9f7f7rgb(233, 247, 247)hsl(180, 45%, 94%)
40% #eaf6f6rgb(234, 246, 246)hsl(180, 40%, 94%)
35% #eaf5f5rgb(234, 245, 245)hsl(180, 35%, 94%)
30% #ebf4f4rgb(235, 244, 244)hsl(180, 30%, 94%)
25% #ecf4f4rgb(236, 244, 244)hsl(180, 25%, 94%)
20% #edf3f3rgb(237, 243, 243)hsl(180, 20%, 94%)
15% #edf2f2rgb(237, 242, 242)hsl(180, 15%, 94%)
10% #eef1f1rgb(238, 241, 241)hsl(180, 10%, 94%)
5% #eff0f0rgb(239, 240, 240)hsl(180, 5%, 94%)
0% #f0f0f0rgb(240, 240, 240)hsl(180, 0%, 94%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(180, 100%, 100%)
95% #e6ffffrgb(230, 255, 255)hsl(180, 100%, 95%)
94% #e0ffffrgb(224, 255, 255)hsl(180, 100%, 94%)
90% #ccffffrgb(204, 255, 255)hsl(180, 100%, 90%)
85% #b3ffffrgb(179, 255, 255)hsl(180, 100%, 85%)
80% #99ffffrgb(153, 255, 255)hsl(180, 100%, 80%)
75% #80ffffrgb(128, 255, 255)hsl(180, 100%, 75%)
70% #66ffffrgb(102, 255, 255)hsl(180, 100%, 70%)
65% #4dffffrgb(77, 255, 255)hsl(180, 100%, 65%)
60% #33ffffrgb(51, 255, 255)hsl(180, 100%, 60%)
55% #1affffrgb(26, 255, 255)hsl(180, 100%, 55%)
50% #00ffffrgb(0, 255, 255)hsl(180, 100%, 50%)
45% #00e6e6rgb(0, 230, 230)hsl(180, 100%, 45%)
40% #00ccccrgb(0, 204, 204)hsl(180, 100%, 40%)
35% #00b3b3rgb(0, 179, 179)hsl(180, 100%, 35%)
30% #009999rgb(0, 153, 153)hsl(180, 100%, 30%)
25% #008080rgb(0, 128, 128)hsl(180, 100%, 25%)
20% #006666rgb(0, 102, 102)hsl(180, 100%, 20%)
15% #004d4drgb(0, 77, 77)hsl(180, 100%, 15%)
10% #003333rgb(0, 51, 51)hsl(180, 100%, 10%)
5% #001a1argb(0, 26, 26)hsl(180, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(180, 100%, 0%)

RGB (Red, Green, Blue)

绿
224 255 255
绿
rgb(224, 255, 255)
#e0ffff