颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Violet
#ee82ee
rgb(238, 130, 238)
hsl(300, 76%, 72%)

更亮 / 更暗:

100%  #ffffff
95%  #fce9fc
90%  #f9d2f9
85%  #f6bcf6
80%  #f3a5f3
75%  #f08ff0
72%  #ee82ee
70%  #ed78ed
65%  #ea62ea
60%  #e74be7
55%  #e335e3
50%  #e01fe0
45%  #ca1cca
40%  #b418b4
35%  #9d159d
30%  #871287
25%  #700f70
20%  #5a0c5a
15%  #430943
10%  #2d062d
5%  #160316
0%  #000000

色调

hue HexRgbHsl
#ee8181rgb(238, 129, 129)hsl(0, 76%, 72%)
15 #ee9c81rgb(238, 156, 129)hsl(15, 76%, 72%)
30 #eeb881rgb(238, 184, 129)hsl(30, 76%, 72%)
45 #eed381rgb(238, 211, 129)hsl(45, 76%, 72%)
60 #eeee81rgb(238, 238, 129)hsl(60, 76%, 72%)
75 #d3ee81rgb(211, 238, 129)hsl(75, 76%, 72%)
90 #b8ee81rgb(184, 238, 129)hsl(90, 76%, 72%)
105 #9cee81rgb(156, 238, 129)hsl(105, 76%, 72%)
120 #81ee81rgb(129, 238, 129)hsl(120, 76%, 72%)
135 #81ee9crgb(129, 238, 156)hsl(135, 76%, 72%)
150 #81eeb8rgb(129, 238, 184)hsl(150, 76%, 72%)
165 #81eed3rgb(129, 238, 211)hsl(165, 76%, 72%)
180 #81eeeergb(129, 238, 238)hsl(180, 76%, 72%)
195 #81d3eergb(129, 211, 238)hsl(195, 76%, 72%)
210 #81b8eergb(129, 184, 238)hsl(210, 76%, 72%)
225 #819ceergb(129, 156, 238)hsl(225, 76%, 72%)
240 #8181eergb(129, 129, 238)hsl(240, 76%, 72%)
255 #9c81eergb(156, 129, 238)hsl(255, 76%, 72%)
270 #b881eergb(184, 129, 238)hsl(270, 76%, 72%)
285 #d381eergb(211, 129, 238)hsl(285, 76%, 72%)
300 #ee82eergb(238, 130, 238)hsl(300, 76%, 72%)
315 #ee81d3rgb(238, 129, 211)hsl(315, 76%, 72%)
330 #ee81b8rgb(238, 129, 184)hsl(330, 76%, 72%)
345 #ee819crgb(238, 129, 156)hsl(345, 76%, 72%)
360 #ee8181rgb(238, 129, 129)hsl(0, 76%, 72%)


饱和度

sat HexRgbHsl
100% #ff70ffrgb(255, 112, 255)hsl(300, 100%, 72%)
95% #fb74fbrgb(251, 116, 251)hsl(300, 95%, 72%)
90% #f877f8rgb(248, 119, 248)hsl(300, 90%, 72%)
85% #f47bf4rgb(244, 123, 244)hsl(300, 85%, 72%)
80% #f17ef1rgb(241, 126, 241)hsl(300, 80%, 72%)
76% #ee82eergb(238, 130, 238)hsl(300, 76%, 72%)
75% #ed82edrgb(237, 130, 237)hsl(300, 75%, 72%)
70% #ea86eargb(234, 134, 234)hsl(300, 70%, 72%)
65% #e689e6rgb(230, 137, 230)hsl(300, 65%, 72%)
60% #e28de2rgb(226, 141, 226)hsl(300, 60%, 72%)
55% #df90dfrgb(223, 144, 223)hsl(300, 55%, 72%)
50% #db94dbrgb(219, 148, 219)hsl(300, 50%, 72%)
45% #d897d8rgb(216, 151, 216)hsl(300, 45%, 72%)
40% #d49bd4rgb(212, 155, 212)hsl(300, 40%, 72%)
35% #d19fd1rgb(209, 159, 209)hsl(300, 35%, 72%)
30% #cda2cdrgb(205, 162, 205)hsl(300, 30%, 72%)
25% #c9a6c9rgb(201, 166, 201)hsl(300, 25%, 72%)
20% #c6a9c6rgb(198, 169, 198)hsl(300, 20%, 72%)
15% #c2adc2rgb(194, 173, 194)hsl(300, 15%, 72%)
10% #bfb0bfrgb(191, 176, 191)hsl(300, 10%, 72%)
5% #bbb4bbrgb(187, 180, 187)hsl(300, 5%, 72%)
0% #b8b8b8rgb(184, 184, 184)hsl(300, 0%, 72%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(300, 76%, 100%)
95% #fce9fcrgb(252, 233, 252)hsl(300, 76%, 95%)
90% #f9d2f9rgb(249, 210, 249)hsl(300, 76%, 90%)
85% #f6bcf6rgb(246, 188, 246)hsl(300, 76%, 85%)
80% #f3a5f3rgb(243, 165, 243)hsl(300, 76%, 80%)
75% #f08ff0rgb(240, 143, 240)hsl(300, 76%, 75%)
72% #ee82eergb(238, 130, 238)hsl(300, 76%, 72%)
70% #ed78edrgb(237, 120, 237)hsl(300, 76%, 70%)
65% #ea62eargb(234, 98, 234)hsl(300, 76%, 65%)
60% #e74be7rgb(231, 75, 231)hsl(300, 76%, 60%)
55% #e335e3rgb(227, 53, 227)hsl(300, 76%, 55%)
50% #e01fe0rgb(224, 31, 224)hsl(300, 76%, 50%)
45% #ca1ccargb(202, 28, 202)hsl(300, 76%, 45%)
40% #b418b4rgb(180, 24, 180)hsl(300, 76%, 40%)
35% #9d159drgb(157, 21, 157)hsl(300, 76%, 35%)
30% #871287rgb(135, 18, 135)hsl(300, 76%, 30%)
25% #700f70rgb(112, 15, 112)hsl(300, 76%, 25%)
20% #5a0c5argb(90, 12, 90)hsl(300, 76%, 20%)
15% #430943rgb(67, 9, 67)hsl(300, 76%, 15%)
10% #2d062drgb(45, 6, 45)hsl(300, 76%, 10%)
5% #160316rgb(22, 3, 22)hsl(300, 76%, 5%)
0% #000000rgb(0, 0, 0)hsl(300, 76%, 0%)

RGB (Red, Green, Blue)

绿
238 130 238
绿
rgb(238, 130, 238)
#ee82ee