颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
#780000
rgb(120, 0, 0)
hsl(0, 100%, 24%)

更亮 / 更暗:

100%  #ffffff
95%  #ffe6e6
90%  #ffcccc
85%  #ffb3b3
80%  #ff9999
75%  #ff8080
70%  #ff6666
65%  #ff4d4d
60%  #ff3333
55%  #ff1a1a
50%  #ff0000
45%  #e60000
40%  #cc0000
35%  #b30000
30%  #990000
25%  #800000
24%  #780000
20%  #660000
15%  #4d0000
10%  #330000
5%  #1a0000
0%  #000000

色调

hue HexRgbHsl
#780000rgb(120, 0, 0)hsl(0, 100%, 24%)
15 #7a1f00rgb(122, 31, 0)hsl(15, 100%, 24%)
30 #7a3d00rgb(122, 61, 0)hsl(30, 100%, 24%)
45 #7a5c00rgb(122, 92, 0)hsl(45, 100%, 24%)
60 #7a7a00rgb(122, 122, 0)hsl(60, 100%, 24%)
75 #5c7a00rgb(92, 122, 0)hsl(75, 100%, 24%)
90 #3d7a00rgb(61, 122, 0)hsl(90, 100%, 24%)
105 #1f7a00rgb(31, 122, 0)hsl(105, 100%, 24%)
120 #007a00rgb(0, 122, 0)hsl(120, 100%, 24%)
135 #007a1frgb(0, 122, 31)hsl(135, 100%, 24%)
150 #007a3drgb(0, 122, 61)hsl(150, 100%, 24%)
165 #007a5crgb(0, 122, 92)hsl(165, 100%, 24%)
180 #007a7argb(0, 122, 122)hsl(180, 100%, 24%)
195 #005c7argb(0, 92, 122)hsl(195, 100%, 24%)
210 #003d7argb(0, 61, 122)hsl(210, 100%, 24%)
225 #001f7argb(0, 31, 122)hsl(225, 100%, 24%)
240 #00007argb(0, 0, 122)hsl(240, 100%, 24%)
255 #1f007argb(31, 0, 122)hsl(255, 100%, 24%)
270 #3d007argb(61, 0, 122)hsl(270, 100%, 24%)
285 #5c007argb(92, 0, 122)hsl(285, 100%, 24%)
300 #7a007argb(122, 0, 122)hsl(300, 100%, 24%)
315 #7a005crgb(122, 0, 92)hsl(315, 100%, 24%)
330 #7a003drgb(122, 0, 61)hsl(330, 100%, 24%)
345 #7a001frgb(122, 0, 31)hsl(345, 100%, 24%)
360 #7a0000rgb(122, 0, 0)hsl(0, 100%, 24%)


饱和度

sat HexRgbHsl
100% #780000rgb(120, 0, 0)hsl(0, 100%, 24%)
95% #770303rgb(119, 3, 3)hsl(0, 95%, 24%)
90% #740606rgb(116, 6, 6)hsl(0, 90%, 24%)
85% #710909rgb(113, 9, 9)hsl(0, 85%, 24%)
80% #6e0c0crgb(110, 12, 12)hsl(0, 80%, 24%)
75% #6b0f0frgb(107, 15, 15)hsl(0, 75%, 24%)
70% #681212rgb(104, 18, 18)hsl(0, 70%, 24%)
65% #651515rgb(101, 21, 21)hsl(0, 65%, 24%)
60% #621818rgb(98, 24, 24)hsl(0, 60%, 24%)
55% #5f1c1crgb(95, 28, 28)hsl(0, 55%, 24%)
50% #5c1f1frgb(92, 31, 31)hsl(0, 50%, 24%)
45% #592222rgb(89, 34, 34)hsl(0, 45%, 24%)
40% #562525rgb(86, 37, 37)hsl(0, 40%, 24%)
35% #532828rgb(83, 40, 40)hsl(0, 35%, 24%)
30% #502b2brgb(80, 43, 43)hsl(0, 30%, 24%)
25% #4d2e2ergb(77, 46, 46)hsl(0, 25%, 24%)
20% #493131rgb(73, 49, 49)hsl(0, 20%, 24%)
15% #463434rgb(70, 52, 52)hsl(0, 15%, 24%)
10% #433737rgb(67, 55, 55)hsl(0, 10%, 24%)
5% #403a3argb(64, 58, 58)hsl(0, 5%, 24%)
0% #3d3d3drgb(61, 61, 61)hsl(0, 0%, 24%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(0, 100%, 100%)
95% #ffe6e6rgb(255, 230, 230)hsl(0, 100%, 95%)
90% #ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)
85% #ffb3b3rgb(255, 179, 179)hsl(0, 100%, 85%)
80% #ff9999rgb(255, 153, 153)hsl(0, 100%, 80%)
75% #ff8080rgb(255, 128, 128)hsl(0, 100%, 75%)
70% #ff6666rgb(255, 102, 102)hsl(0, 100%, 70%)
65% #ff4d4drgb(255, 77, 77)hsl(0, 100%, 65%)
60% #ff3333rgb(255, 51, 51)hsl(0, 100%, 60%)
55% #ff1a1argb(255, 26, 26)hsl(0, 100%, 55%)
50% #ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)
45% #e60000rgb(230, 0, 0)hsl(0, 100%, 45%)
40% #cc0000rgb(204, 0, 0)hsl(0, 100%, 40%)
35% #b30000rgb(179, 0, 0)hsl(0, 100%, 35%)
30% #990000rgb(153, 0, 0)hsl(0, 100%, 30%)
25% #800000rgb(128, 0, 0)hsl(0, 100%, 25%)
24% #780000rgb(120, 0, 0)hsl(0, 100%, 24%)
20% #660000rgb(102, 0, 0)hsl(0, 100%, 20%)
15% #4d0000rgb(77, 0, 0)hsl(0, 100%, 15%)
10% #330000rgb(51, 0, 0)hsl(0, 100%, 10%)
5% #1a0000rgb(26, 0, 0)hsl(0, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 100%, 0%)

RGB (Red, Green, Blue)

绿
120 0 0
绿
rgb(120, 0, 0)
#780000