颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Orchid
#da70d6
rgb(218, 112, 214)
hsl(302, 59%, 65%)

更亮 / 更暗:

100%  #ffffff
95%  #faebf9
90%  #f5d6f4
85%  #efc2ee
80%  #eaaee8
75%  #e59ae2
70%  #e085dd
65% 

 #da70d6
60%  #d55dd1
55%  #d049cb
50%  #cb34c6
45%  #b62fb2
40%  #a22a9e
35%  #8e258a
30%  #7a1f77
25%  #651a63
20%  #51154f
15%  #3d103b
10%  #290a28
5%  #140514
0%  #000000

色调

hue HexRgbHsl
#da7171rgb(218, 113, 113)hsl(0, 59%, 65%)
15 #da8b71rgb(218, 139, 113)hsl(15, 59%, 65%)
30 #daa671rgb(218, 166, 113)hsl(30, 59%, 65%)
45 #dac071rgb(218, 192, 113)hsl(45, 59%, 65%)
60 #dada71rgb(218, 218, 113)hsl(60, 59%, 65%)
75 #c0da71rgb(192, 218, 113)hsl(75, 59%, 65%)
90 #a6da71rgb(166, 218, 113)hsl(90, 59%, 65%)
105 #8bda71rgb(139, 218, 113)hsl(105, 59%, 65%)
120 #71da71rgb(113, 218, 113)hsl(120, 59%, 65%)
135 #71da8brgb(113, 218, 139)hsl(135, 59%, 65%)
150 #71daa6rgb(113, 218, 166)hsl(150, 59%, 65%)
165 #71dac0rgb(113, 218, 192)hsl(165, 59%, 65%)
180 #71dadargb(113, 218, 218)hsl(180, 59%, 65%)
195 #71c0dargb(113, 192, 218)hsl(195, 59%, 65%)
210 #71a6dargb(113, 166, 218)hsl(210, 59%, 65%)
225 #718bdargb(113, 139, 218)hsl(225, 59%, 65%)
240 #7171dargb(113, 113, 218)hsl(240, 59%, 65%)
255 #8b71dargb(139, 113, 218)hsl(255, 59%, 65%)
270 #a671dargb(166, 113, 218)hsl(270, 59%, 65%)
285 #c071dargb(192, 113, 218)hsl(285, 59%, 65%)
300 #da71dargb(218, 113, 218)hsl(300, 59%, 65%)
302 #da70d6rgb(218, 112, 214)hsl(302, 59%, 65%)
315 #da71c0rgb(218, 113, 192)hsl(315, 59%, 65%)
330 #da71a6rgb(218, 113, 166)hsl(330, 59%, 65%)
345 #da718brgb(218, 113, 139)hsl(345, 59%, 65%)
360 #da7171rgb(218, 113, 113)hsl(0, 59%, 65%)


饱和度

sat HexRgbHsl
100% #ff4df9rgb(255, 77, 249)hsl(302, 100%, 65%)
95% #fb51f5rgb(251, 81, 245)hsl(302, 95%, 65%)
90% #f655f1rgb(246, 85, 241)hsl(302, 90%, 65%)
85% #f25aedrgb(242, 90, 237)hsl(302, 85%, 65%)
80% #ed5ee8rgb(237, 94, 232)hsl(302, 80%, 65%)
75% #e963e4rgb(233, 99, 228)hsl(302, 75%, 65%)
70% #e467e0rgb(228, 103, 224)hsl(302, 70%, 65%)
65% #e06cdcrgb(224, 108, 220)hsl(302, 65%, 65%)
60% #db70d8rgb(219, 112, 216)hsl(302, 60%, 65%)
59% #da70d6rgb(218, 112, 214)hsl(302, 59%, 65%)
55% #d775d4rgb(215, 117, 212)hsl(302, 55%, 65%)
50% #d279cfrgb(210, 121, 207)hsl(302, 50%, 65%)
45% #ce7ecbrgb(206, 126, 203)hsl(302, 45%, 65%)
40% #c982c7rgb(201, 130, 199)hsl(302, 40%, 65%)
35% #c587c3rgb(197, 135, 195)hsl(302, 35%, 65%)
30% #c18bbfrgb(193, 139, 191)hsl(302, 30%, 65%)
25% #bc8fbbrgb(188, 143, 187)hsl(302, 25%, 65%)
20% #b894b6rgb(184, 148, 182)hsl(302, 20%, 65%)
15% #b398b2rgb(179, 152, 178)hsl(302, 15%, 65%)
10% #af9daergb(175, 157, 174)hsl(302, 10%, 65%)
5% #aaa1aargb(170, 161, 170)hsl(302, 5%, 65%)
0% #a6a6a6rgb(166, 166, 166)hsl(302, 0%, 65%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(302, 59%, 100%)
95% #faebf9rgb(250, 235, 249)hsl(302, 59%, 95%)
90% #f5d6f4rgb(245, 214, 244)hsl(302, 59%, 90%)
85% #efc2eergb(239, 194, 238)hsl(302, 59%, 85%)
80% #eaaee8rgb(234, 174, 232)hsl(302, 59%, 80%)
75% #e59ae2rgb(229, 154, 226)hsl(302, 59%, 75%)
70% #e085ddrgb(224, 133, 221)hsl(302, 59%, 70%)
65% #da70d6rgb(218, 112, 214)hsl(302, 59%, 65%)
60% #d55dd1rgb(213, 93, 209)hsl(302, 59%, 60%)
55% #d049cbrgb(208, 73, 203)hsl(302, 59%, 55%)
50% #cb34c6rgb(203, 52, 198)hsl(302, 59%, 50%)
45% #b62fb2rgb(182, 47, 178)hsl(302, 59%, 45%)
40% #a22a9ergb(162, 42, 158)hsl(302, 59%, 40%)
35% #8e258argb(142, 37, 138)hsl(302, 59%, 35%)
30% #7a1f77rgb(122, 31, 119)hsl(302, 59%, 30%)
25% #651a63rgb(101, 26, 99)hsl(302, 59%, 25%)
20% #51154frgb(81, 21, 79)hsl(302, 59%, 20%)
15% #3d103brgb(61, 16, 59)hsl(302, 59%, 15%)
10% #290a28rgb(41, 10, 40)hsl(302, 59%, 10%)
5% #140514rgb(20, 5, 20)hsl(302, 59%, 5%)
0% #000000rgb(0, 0, 0)hsl(302, 59%, 0%)

RGB (Red, Green, Blue)

绿
218 112 214
绿
rgb(218, 112, 214)
#da70d6