颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Lavender
#e6e6fa
rgb(230, 230, 250)
hsl(240, 67%, 94%)

更亮 / 更暗:

100%  #ffffff
95%  #eaeafb
94%  #e6e6fa
90%  #d4d4f7
85%  #bfbff2
80%  #aaaaee
75%  #9595ea
70%  #7f7fe6
65%  #6a6ae2
60%  #5555dd
55%  #3f3fd9
50%  #2a2ad5
45%  #2626c0
40%  #2222aa
35%  #1d1d95
30%  #191980
25%  #15156a
20%  #111155
15%  #0d0d40
10%  #08082b
5%  #040415
0%  #000000

色调

hue HexRgbHsl
#fae5e5rgb(250, 229, 229)hsl(0, 67%, 94%)
15 #faebe5rgb(250, 235, 229)hsl(15, 67%, 94%)
30 #faf0e5rgb(250, 240, 229)hsl(30, 67%, 94%)
45 #faf5e5rgb(250, 245, 229)hsl(45, 67%, 94%)
60 #fafae5rgb(250, 250, 229)hsl(60, 67%, 94%)
75 #f5fae5rgb(245, 250, 229)hsl(75, 67%, 94%)
90 #f0fae5rgb(240, 250, 229)hsl(90, 67%, 94%)
105 #ebfae5rgb(235, 250, 229)hsl(105, 67%, 94%)
120 #e5fae5rgb(229, 250, 229)hsl(120, 67%, 94%)
135 #e5faebrgb(229, 250, 235)hsl(135, 67%, 94%)
150 #e5faf0rgb(229, 250, 240)hsl(150, 67%, 94%)
165 #e5faf5rgb(229, 250, 245)hsl(165, 67%, 94%)
180 #e5fafargb(229, 250, 250)hsl(180, 67%, 94%)
195 #e5f5fargb(229, 245, 250)hsl(195, 67%, 94%)
210 #e5f0fargb(229, 240, 250)hsl(210, 67%, 94%)
225 #e5ebfargb(229, 235, 250)hsl(225, 67%, 94%)
240 #e6e6fargb(230, 230, 250)hsl(240, 67%, 94%)
255 #ebe5fargb(235, 229, 250)hsl(255, 67%, 94%)
270 #f0e5fargb(240, 229, 250)hsl(270, 67%, 94%)
285 #f5e5fargb(245, 229, 250)hsl(285, 67%, 94%)
300 #fae5fargb(250, 229, 250)hsl(300, 67%, 94%)
315 #fae5f5rgb(250, 229, 245)hsl(315, 67%, 94%)
330 #fae5f0rgb(250, 229, 240)hsl(330, 67%, 94%)
345 #fae5ebrgb(250, 229, 235)hsl(345, 67%, 94%)
360 #fae5e5rgb(250, 229, 229)hsl(0, 67%, 94%)


饱和度

sat HexRgbHsl
100% #e0e0ffrgb(224, 224, 255)hsl(240, 100%, 94%)
95% #e1e1fergb(225, 225, 254)hsl(240, 95%, 94%)
90% #e2e2fdrgb(226, 226, 253)hsl(240, 90%, 94%)
85% #e3e3fdrgb(227, 227, 253)hsl(240, 85%, 94%)
80% #e3e3fcrgb(227, 227, 252)hsl(240, 80%, 94%)
75% #e4e4fbrgb(228, 228, 251)hsl(240, 75%, 94%)
70% #e5e5fargb(229, 229, 250)hsl(240, 70%, 94%)
67% #e6e6fargb(230, 230, 250)hsl(240, 67%, 94%)
65% #e6e6fargb(230, 230, 250)hsl(240, 65%, 94%)
60% #e7e7f9rgb(231, 231, 249)hsl(240, 60%, 94%)
55% #e7e7f8rgb(231, 231, 248)hsl(240, 55%, 94%)
50% #e8e8f7rgb(232, 232, 247)hsl(240, 50%, 94%)
45% #e9e9f7rgb(233, 233, 247)hsl(240, 45%, 94%)
40% #eaeaf6rgb(234, 234, 246)hsl(240, 40%, 94%)
35% #eaeaf5rgb(234, 234, 245)hsl(240, 35%, 94%)
30% #ebebf4rgb(235, 235, 244)hsl(240, 30%, 94%)
25% #ececf4rgb(236, 236, 244)hsl(240, 25%, 94%)
20% #ededf3rgb(237, 237, 243)hsl(240, 20%, 94%)
15% #ededf2rgb(237, 237, 242)hsl(240, 15%, 94%)
10% #eeeef1rgb(238, 238, 241)hsl(240, 10%, 94%)
5% #efeff0rgb(239, 239, 240)hsl(240, 5%, 94%)
0% #f0f0f0rgb(240, 240, 240)hsl(240, 0%, 94%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(240, 67%, 100%)
95% #eaeafbrgb(234, 234, 251)hsl(240, 67%, 95%)
94% #e6e6fargb(230, 230, 250)hsl(240, 67%, 94%)
90% #d4d4f7rgb(212, 212, 247)hsl(240, 67%, 90%)
85% #bfbff2rgb(191, 191, 242)hsl(240, 67%, 85%)
80% #aaaaeergb(170, 170, 238)hsl(240, 67%, 80%)
75% #9595eargb(149, 149, 234)hsl(240, 67%, 75%)
70% #7f7fe6rgb(127, 127, 230)hsl(240, 67%, 70%)
65% #6a6ae2rgb(106, 106, 226)hsl(240, 67%, 65%)
60% #5555ddrgb(85, 85, 221)hsl(240, 67%, 60%)
55% #3f3fd9rgb(63, 63, 217)hsl(240, 67%, 55%)
50% #2a2ad5rgb(42, 42, 213)hsl(240, 67%, 50%)
45% #2626c0rgb(38, 38, 192)hsl(240, 67%, 45%)
40% #2222aargb(34, 34, 170)hsl(240, 67%, 40%)
35% #1d1d95rgb(29, 29, 149)hsl(240, 67%, 35%)
30% #191980rgb(25, 25, 128)hsl(240, 67%, 30%)
25% #15156argb(21, 21, 106)hsl(240, 67%, 25%)
20% #111155rgb(17, 17, 85)hsl(240, 67%, 20%)
15% #0d0d40rgb(13, 13, 64)hsl(240, 67%, 15%)
10% #08082brgb(8, 8, 43)hsl(240, 67%, 10%)
5% #040415rgb(4, 4, 21)hsl(240, 67%, 5%)
0% #000000rgb(0, 0, 0)hsl(240, 67%, 0%)

RGB (Red, Green, Blue)

绿
230 230 250
绿
rgb(230, 230, 250)
#e6e6fa