颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
PaleVioletRed
#db7093
rgb(219, 112, 147)
hsl(340, 60%, 65%)

更亮 / 更暗:

100%  #ffffff
95%  #faebf0
90%  #f5d6e0
85%  #f0c2d1
80%  #ebadc2
75%  #e699b2
70%  #e085a3
65% 

 #db7093
60%  #d65c85
55%  #d14775
50%  #cc3366
45%  #b82e5c
40%  #a32952
35%  #8f2447
30%  #7a1f3d
25%  #661933
20%  #521429
15%  #3d0f1f
10%  #290a14
5%  #14050a
0%  #000000

色调

hue HexRgbHsl
#db7070rgb(219, 112, 112)hsl(0, 60%, 65%)
15 #db8b70rgb(219, 139, 112)hsl(15, 60%, 65%)
30 #dba670rgb(219, 166, 112)hsl(30, 60%, 65%)
45 #dbc170rgb(219, 193, 112)hsl(45, 60%, 65%)
60 #dbdb70rgb(219, 219, 112)hsl(60, 60%, 65%)
75 #c1db70rgb(193, 219, 112)hsl(75, 60%, 65%)
90 #a6db70rgb(166, 219, 112)hsl(90, 60%, 65%)
105 #8bdb70rgb(139, 219, 112)hsl(105, 60%, 65%)
120 #70db70rgb(112, 219, 112)hsl(120, 60%, 65%)
135 #70db8brgb(112, 219, 139)hsl(135, 60%, 65%)
150 #70dba6rgb(112, 219, 166)hsl(150, 60%, 65%)
165 #70dbc1rgb(112, 219, 193)hsl(165, 60%, 65%)
180 #70dbdbrgb(112, 219, 219)hsl(180, 60%, 65%)
195 #70c1dbrgb(112, 193, 219)hsl(195, 60%, 65%)
210 #70a6dbrgb(112, 166, 219)hsl(210, 60%, 65%)
225 #708bdbrgb(112, 139, 219)hsl(225, 60%, 65%)
240 #7070dbrgb(112, 112, 219)hsl(240, 60%, 65%)
255 #8b70dbrgb(139, 112, 219)hsl(255, 60%, 65%)
270 #a670dbrgb(166, 112, 219)hsl(270, 60%, 65%)
285 #c170dbrgb(193, 112, 219)hsl(285, 60%, 65%)
300 #db70dbrgb(219, 112, 219)hsl(300, 60%, 65%)
315 #db70c1rgb(219, 112, 193)hsl(315, 60%, 65%)
330 #db70a6rgb(219, 112, 166)hsl(330, 60%, 65%)
340 #db7093rgb(219, 112, 147)hsl(340, 60%, 65%)
345 #db708brgb(219, 112, 139)hsl(345, 60%, 65%)
360 #db7070rgb(219, 112, 112)hsl(0, 60%, 65%)


饱和度

sat HexRgbHsl
100% #ff4d88rgb(255, 77, 136)hsl(340, 100%, 65%)
95% #fb5189rgb(251, 81, 137)hsl(340, 95%, 65%)
90% #f6558brgb(246, 85, 139)hsl(340, 90%, 65%)
85% #f25a8crgb(242, 90, 140)hsl(340, 85%, 65%)
80% #ed5e8ergb(237, 94, 142)hsl(340, 80%, 65%)
75% #e9638frgb(233, 99, 143)hsl(340, 75%, 65%)
70% #e46791rgb(228, 103, 145)hsl(340, 70%, 65%)
65% #e06c92rgb(224, 108, 146)hsl(340, 65%, 65%)
60% #db7093rgb(219, 112, 147)hsl(340, 60%, 65%)
55% #d77595rgb(215, 117, 149)hsl(340, 55%, 65%)
50% #d27997rgb(210, 121, 151)hsl(340, 50%, 65%)
45% #ce7e98rgb(206, 126, 152)hsl(340, 45%, 65%)
40% #c9829argb(201, 130, 154)hsl(340, 40%, 65%)
35% #c5879brgb(197, 135, 155)hsl(340, 35%, 65%)
30% #c18b9drgb(193, 139, 157)hsl(340, 30%, 65%)
25% #bc8f9ergb(188, 143, 158)hsl(340, 25%, 65%)
20% #b894a0rgb(184, 148, 160)hsl(340, 20%, 65%)
15% #b398a1rgb(179, 152, 161)hsl(340, 15%, 65%)
10% #af9da3rgb(175, 157, 163)hsl(340, 10%, 65%)
5% #aaa1a4rgb(170, 161, 164)hsl(340, 5%, 65%)
0% #a6a6a6rgb(166, 166, 166)hsl(340, 0%, 65%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(340, 60%, 100%)
95% #faebf0rgb(250, 235, 240)hsl(340, 60%, 95%)
90% #f5d6e0rgb(245, 214, 224)hsl(340, 60%, 90%)
85% #f0c2d1rgb(240, 194, 209)hsl(340, 60%, 85%)
80% #ebadc2rgb(235, 173, 194)hsl(340, 60%, 80%)
75% #e699b2rgb(230, 153, 178)hsl(340, 60%, 75%)
70% #e085a3rgb(224, 133, 163)hsl(340, 60%, 70%)
65% #db7093rgb(219, 112, 147)hsl(340, 60%, 65%)
60% #d65c85rgb(214, 92, 133)hsl(340, 60%, 60%)
55% #d14775rgb(209, 71, 117)hsl(340, 60%, 55%)
50% #cc3366rgb(204, 51, 102)hsl(340, 60%, 50%)
45% #b82e5crgb(184, 46, 92)hsl(340, 60%, 45%)
40% #a32952rgb(163, 41, 82)hsl(340, 60%, 40%)
35% #8f2447rgb(143, 36, 71)hsl(340, 60%, 35%)
30% #7a1f3drgb(122, 31, 61)hsl(340, 60%, 30%)
25% #661933rgb(102, 25, 51)hsl(340, 60%, 25%)
20% #521429rgb(82, 20, 41)hsl(340, 60%, 20%)
15% #3d0f1frgb(61, 15, 31)hsl(340, 60%, 15%)
10% #290a14rgb(41, 10, 20)hsl(340, 60%, 10%)
5% #14050argb(20, 5, 10)hsl(340, 60%, 5%)
0% #000000rgb(0, 0, 0)hsl(340, 60%, 0%)

RGB (Red, Green, Blue)

绿
219 112 147
绿
rgb(219, 112, 147)
#db7093