颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
DarkGoldenRod
#b8860b
rgb(184, 134, 11)
hsl(43, 89%, 38%)

更亮 / 更暗:

100%  #ffffff
95%  #fef7e7
90%  #fcefcf
85%  #fbe8b7
80%  #f9e09f
75%  #f8d887
70%  #f7d06e
65%  #f5c856
60%  #f4c03e
55%  #f2b926
50%  #f1b10e
45%  #d99f0d
40%  #c18d0b
38%  #b8860b
35%  #a97c0a
30%  #916a08
25%  #785807
20%  #604706
15%  #483504
10%  #302303
5%  #181201
0%  #000000

色调

hue HexRgbHsl
#b70b0brgb(183, 11, 11)hsl(0, 89%, 38%)
15 #b7360brgb(183, 54, 11)hsl(15, 89%, 38%)
30 #b7610brgb(183, 97, 11)hsl(30, 89%, 38%)
43 #b8860brgb(184, 134, 11)hsl(43, 89%, 38%)
45 #b78c0brgb(183, 140, 11)hsl(45, 89%, 38%)
60 #b7b70brgb(183, 183, 11)hsl(60, 89%, 38%)
75 #8cb70brgb(140, 183, 11)hsl(75, 89%, 38%)
90 #61b70brgb(97, 183, 11)hsl(90, 89%, 38%)
105 #36b70brgb(54, 183, 11)hsl(105, 89%, 38%)
120 #0bb70brgb(11, 183, 11)hsl(120, 89%, 38%)
135 #0bb736rgb(11, 183, 54)hsl(135, 89%, 38%)
150 #0bb761rgb(11, 183, 97)hsl(150, 89%, 38%)
165 #0bb78crgb(11, 183, 140)hsl(165, 89%, 38%)
180 #0bb7b7rgb(11, 183, 183)hsl(180, 89%, 38%)
195 #0b8cb7rgb(11, 140, 183)hsl(195, 89%, 38%)
210 #0b61b7rgb(11, 97, 183)hsl(210, 89%, 38%)
225 #0b36b7rgb(11, 54, 183)hsl(225, 89%, 38%)
240 #0b0bb7rgb(11, 11, 183)hsl(240, 89%, 38%)
255 #360bb7rgb(54, 11, 183)hsl(255, 89%, 38%)
270 #610bb7rgb(97, 11, 183)hsl(270, 89%, 38%)
285 #8c0bb7rgb(140, 11, 183)hsl(285, 89%, 38%)
300 #b70bb7rgb(183, 11, 183)hsl(300, 89%, 38%)
315 #b70b8crgb(183, 11, 140)hsl(315, 89%, 38%)
330 #b70b61rgb(183, 11, 97)hsl(330, 89%, 38%)
345 #b70b36rgb(183, 11, 54)hsl(345, 89%, 38%)
360 #b70b0brgb(183, 11, 11)hsl(0, 89%, 38%)


饱和度

sat HexRgbHsl
100% #c28b00rgb(194, 139, 0)hsl(43, 100%, 38%)
95% #bd8905rgb(189, 137, 5)hsl(43, 95%, 38%)
90% #b8870argb(184, 135, 10)hsl(43, 90%, 38%)
89% #b8860brgb(184, 134, 11)hsl(43, 89%, 38%)
85% #b3850frgb(179, 133, 15)hsl(43, 85%, 38%)
80% #ae8213rgb(174, 130, 19)hsl(43, 80%, 38%)
75% #aa8018rgb(170, 128, 24)hsl(43, 75%, 38%)
70% #a57e1drgb(165, 126, 29)hsl(43, 70%, 38%)
65% #a07c22rgb(160, 124, 34)hsl(43, 65%, 38%)
60% #9b7a27rgb(155, 122, 39)hsl(43, 60%, 38%)
55% #96782crgb(150, 120, 44)hsl(43, 55%, 38%)
50% #917630rgb(145, 118, 48)hsl(43, 50%, 38%)
45% #8d7435rgb(141, 116, 53)hsl(43, 45%, 38%)
40% #88723argb(136, 114, 58)hsl(43, 40%, 38%)
35% #83703frgb(131, 112, 63)hsl(43, 35%, 38%)
30% #7e6d44rgb(126, 109, 68)hsl(43, 30%, 38%)
25% #796b49rgb(121, 107, 73)hsl(43, 25%, 38%)
20% #74694ergb(116, 105, 78)hsl(43, 20%, 38%)
15% #6f6752rgb(111, 103, 82)hsl(43, 15%, 38%)
10% #6b6557rgb(107, 101, 87)hsl(43, 10%, 38%)
5% #66635crgb(102, 99, 92)hsl(43, 5%, 38%)
0% #616161rgb(97, 97, 97)hsl(43, 0%, 38%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(43, 89%, 100%)
95% #fef7e7rgb(254, 247, 231)hsl(43, 89%, 95%)
90% #fcefcfrgb(252, 239, 207)hsl(43, 89%, 90%)
85% #fbe8b7rgb(251, 232, 183)hsl(43, 89%, 85%)
80% #f9e09frgb(249, 224, 159)hsl(43, 89%, 80%)
75% #f8d887rgb(248, 216, 135)hsl(43, 89%, 75%)
70% #f7d06ergb(247, 208, 110)hsl(43, 89%, 70%)
65% #f5c856rgb(245, 200, 86)hsl(43, 89%, 65%)
60% #f4c03ergb(244, 192, 62)hsl(43, 89%, 60%)
55% #f2b926rgb(242, 185, 38)hsl(43, 89%, 55%)
50% #f1b10ergb(241, 177, 14)hsl(43, 89%, 50%)
45% #d99f0drgb(217, 159, 13)hsl(43, 89%, 45%)
40% #c18d0brgb(193, 141, 11)hsl(43, 89%, 40%)
38% #b8860brgb(184, 134, 11)hsl(43, 89%, 38%)
35% #a97c0argb(169, 124, 10)hsl(43, 89%, 35%)
30% #916a08rgb(145, 106, 8)hsl(43, 89%, 30%)
25% #785807rgb(120, 88, 7)hsl(43, 89%, 25%)
20% #604706rgb(96, 71, 6)hsl(43, 89%, 20%)
15% #483504rgb(72, 53, 4)hsl(43, 89%, 15%)
10% #302303rgb(48, 35, 3)hsl(43, 89%, 10%)
5% #181201rgb(24, 18, 1)hsl(43, 89%, 5%)
0% #000000rgb(0, 0, 0)hsl(43, 89%, 0%)

RGB (Red, Green, Blue)

绿
184 134 11
绿
rgb(184, 134, 11)
#b8860b