颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
DarkOrange
#ff8c00
rgb(255, 140, 0)
hsl(33, 100%, 50%)

更亮 / 更暗:

100%  #ffffff
95%  #fff4e6
90%  #ffe8cc
85%  #ffddb3
80%  #ffd199
75%  #ffc680
70%  #ffba66
65%  #ffaf4d
60%  #ffa333
55%  #ff981a
50% 

 #ff8c00
45%  #e67e00
40%  #cc7000
35%  #b36200
30%  #995400
25%  #804600
20%  #663800
15%  #4d2a00
10%  #331c00
5%  #1a0e00
0%  #000000

色调

hue HexRgbHsl
#ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)
15 #ff4000rgb(255, 64, 0)hsl(15, 100%, 50%)
30 #ff8000rgb(255, 128, 0)hsl(30, 100%, 50%)
33 #ff8c00rgb(255, 140, 0)hsl(33, 100%, 50%)
45 #ffbf00rgb(255, 191, 0)hsl(45, 100%, 50%)
60 #ffff00rgb(255, 255, 0)hsl(60, 100%, 50%)
75 #bfff00rgb(191, 255, 0)hsl(75, 100%, 50%)
90 #80ff00rgb(128, 255, 0)hsl(90, 100%, 50%)
105 #40ff00rgb(64, 255, 0)hsl(105, 100%, 50%)
120 #00ff00rgb(0, 255, 0)hsl(120, 100%, 50%)
135 #00ff40rgb(0, 255, 64)hsl(135, 100%, 50%)
150 #00ff80rgb(0, 255, 128)hsl(150, 100%, 50%)
165 #00ffbfrgb(0, 255, 191)hsl(165, 100%, 50%)
180 #00ffffrgb(0, 255, 255)hsl(180, 100%, 50%)
195 #00bfffrgb(0, 191, 255)hsl(195, 100%, 50%)
210 #0080ffrgb(0, 128, 255)hsl(210, 100%, 50%)
225 #0040ffrgb(0, 64, 255)hsl(225, 100%, 50%)
240 #0000ffrgb(0, 0, 255)hsl(240, 100%, 50%)
255 #4000ffrgb(64, 0, 255)hsl(255, 100%, 50%)
270 #8000ffrgb(128, 0, 255)hsl(270, 100%, 50%)
285 #bf00ffrgb(191, 0, 255)hsl(285, 100%, 50%)
300 #ff00ffrgb(255, 0, 255)hsl(300, 100%, 50%)
315 #ff00bfrgb(255, 0, 191)hsl(315, 100%, 50%)
330 #ff0080rgb(255, 0, 128)hsl(330, 100%, 50%)
345 #ff0040rgb(255, 0, 64)hsl(345, 100%, 50%)
360 #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)


饱和度

sat HexRgbHsl
100% #ff8c00rgb(255, 140, 0)hsl(33, 100%, 50%)
95% #f98c06rgb(249, 140, 6)hsl(33, 95%, 50%)
90% #f28b0drgb(242, 139, 13)hsl(33, 90%, 50%)
85% #ec8a13rgb(236, 138, 19)hsl(33, 85%, 50%)
80% #e68a19rgb(230, 138, 25)hsl(33, 80%, 50%)
75% #df8920rgb(223, 137, 32)hsl(33, 75%, 50%)
70% #d98826rgb(217, 136, 38)hsl(33, 70%, 50%)
65% #d2882drgb(210, 136, 45)hsl(33, 65%, 50%)
60% #cc8733rgb(204, 135, 51)hsl(33, 60%, 50%)
55% #c68739rgb(198, 135, 57)hsl(33, 55%, 50%)
50% #bf8640rgb(191, 134, 64)hsl(33, 50%, 50%)
45% #b98546rgb(185, 133, 70)hsl(33, 45%, 50%)
40% #b3854drgb(179, 133, 77)hsl(33, 40%, 50%)
35% #ac8453rgb(172, 132, 83)hsl(33, 35%, 50%)
30% #a68359rgb(166, 131, 89)hsl(33, 30%, 50%)
25% #9f8360rgb(159, 131, 96)hsl(33, 25%, 50%)
20% #998266rgb(153, 130, 102)hsl(33, 20%, 50%)
15% #93816crgb(147, 129, 108)hsl(33, 15%, 50%)
10% #8c8173rgb(140, 129, 115)hsl(33, 10%, 50%)
5% #868079rgb(134, 128, 121)hsl(33, 5%, 50%)
0% #808080rgb(128, 128, 128)hsl(33, 0%, 50%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(33, 100%, 100%)
95% #fff4e6rgb(255, 244, 230)hsl(33, 100%, 95%)
90% #ffe8ccrgb(255, 232, 204)hsl(33, 100%, 90%)
85% #ffddb3rgb(255, 221, 179)hsl(33, 100%, 85%)
80% #ffd199rgb(255, 209, 153)hsl(33, 100%, 80%)
75% #ffc680rgb(255, 198, 128)hsl(33, 100%, 75%)
70% #ffba66rgb(255, 186, 102)hsl(33, 100%, 70%)
65% #ffaf4drgb(255, 175, 77)hsl(33, 100%, 65%)
60% #ffa333rgb(255, 163, 51)hsl(33, 100%, 60%)
55% #ff981argb(255, 152, 26)hsl(33, 100%, 55%)
50% #ff8c00rgb(255, 140, 0)hsl(33, 100%, 50%)
45% #e67e00rgb(230, 126, 0)hsl(33, 100%, 45%)
40% #cc7000rgb(204, 112, 0)hsl(33, 100%, 40%)
35% #b36200rgb(179, 98, 0)hsl(33, 100%, 35%)
30% #995400rgb(153, 84, 0)hsl(33, 100%, 30%)
25% #804600rgb(128, 70, 0)hsl(33, 100%, 25%)
20% #663800rgb(102, 56, 0)hsl(33, 100%, 20%)
15% #4d2a00rgb(77, 42, 0)hsl(33, 100%, 15%)
10% #331c00rgb(51, 28, 0)hsl(33, 100%, 10%)
5% #1a0e00rgb(26, 14, 0)hsl(33, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(33, 100%, 0%)

RGB (Red, Green, Blue)

绿
255 140 0
绿
rgb(255, 140, 0)
#ff8c00