颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
GoldenRod
#daa520
rgb(218, 165, 32)
hsl(43, 74%, 49%)

更亮 / 更暗:

100%  #ffffff
95%  #fcf6e9
90%  #f8eed3
85%  #f5e5bc
80%  #f2dca6
75%  #eed490
70%  #ebcb7a
65%  #e8c264
60%  #e4ba4e
55%  #e1b137
50%  #dea821
49%  #daa520
45%  #c8981e
40%  #b1871b
35%  #9b7617
30%  #856514
25%  #6f5411
20%  #59430d
15%  #43330a
10%  #2c2207
5%  #161103
0%  #000000

色调

hue HexRgbHsl
#d92020rgb(217, 32, 32)hsl(0, 74%, 49%)
15 #d94f20rgb(217, 79, 32)hsl(15, 74%, 49%)
30 #d97d20rgb(217, 125, 32)hsl(30, 74%, 49%)
43 #daa520rgb(218, 165, 32)hsl(43, 74%, 49%)
45 #d9ab20rgb(217, 171, 32)hsl(45, 74%, 49%)
60 #d9d920rgb(217, 217, 32)hsl(60, 74%, 49%)
75 #abd920rgb(171, 217, 32)hsl(75, 74%, 49%)
90 #7dd920rgb(125, 217, 32)hsl(90, 74%, 49%)
105 #4fd920rgb(79, 217, 32)hsl(105, 74%, 49%)
120 #20d920rgb(32, 217, 32)hsl(120, 74%, 49%)
135 #20d94frgb(32, 217, 79)hsl(135, 74%, 49%)
150 #20d97drgb(32, 217, 125)hsl(150, 74%, 49%)
165 #20d9abrgb(32, 217, 171)hsl(165, 74%, 49%)
180 #20d9d9rgb(32, 217, 217)hsl(180, 74%, 49%)
195 #20abd9rgb(32, 171, 217)hsl(195, 74%, 49%)
210 #207dd9rgb(32, 125, 217)hsl(210, 74%, 49%)
225 #204fd9rgb(32, 79, 217)hsl(225, 74%, 49%)
240 #2020d9rgb(32, 32, 217)hsl(240, 74%, 49%)
255 #4f20d9rgb(79, 32, 217)hsl(255, 74%, 49%)
270 #7d20d9rgb(125, 32, 217)hsl(270, 74%, 49%)
285 #ab20d9rgb(171, 32, 217)hsl(285, 74%, 49%)
300 #d920d9rgb(217, 32, 217)hsl(300, 74%, 49%)
315 #d920abrgb(217, 32, 171)hsl(315, 74%, 49%)
330 #d9207drgb(217, 32, 125)hsl(330, 74%, 49%)
345 #d9204frgb(217, 32, 79)hsl(345, 74%, 49%)
360 #d92020rgb(217, 32, 32)hsl(0, 74%, 49%)


饱和度

sat HexRgbHsl
100% #fab300rgb(250, 179, 0)hsl(43, 100%, 49%)
95% #f4b006rgb(244, 176, 6)hsl(43, 95%, 49%)
90% #edae0crgb(237, 174, 12)hsl(43, 90%, 49%)
85% #e7ab13rgb(231, 171, 19)hsl(43, 85%, 49%)
80% #e1a819rgb(225, 168, 25)hsl(43, 80%, 49%)
75% #dba61frgb(219, 166, 31)hsl(43, 75%, 49%)
74% #daa520rgb(218, 165, 32)hsl(43, 74%, 49%)
70% #d4a325rgb(212, 163, 37)hsl(43, 70%, 49%)
65% #cea02crgb(206, 160, 44)hsl(43, 65%, 49%)
60% #c89d32rgb(200, 157, 50)hsl(43, 60%, 49%)
55% #c29b38rgb(194, 155, 56)hsl(43, 55%, 49%)
50% #bb983ergb(187, 152, 62)hsl(43, 50%, 49%)
45% #b59545rgb(181, 149, 69)hsl(43, 45%, 49%)
40% #af934brgb(175, 147, 75)hsl(43, 40%, 49%)
35% #a99051rgb(169, 144, 81)hsl(43, 35%, 49%)
30% #a28d57rgb(162, 141, 87)hsl(43, 30%, 49%)
25% #9c8a5ergb(156, 138, 94)hsl(43, 25%, 49%)
20% #968864rgb(150, 136, 100)hsl(43, 20%, 49%)
15% #90856argb(144, 133, 106)hsl(43, 15%, 49%)
10% #898270rgb(137, 130, 112)hsl(43, 10%, 49%)
5% #838077rgb(131, 128, 119)hsl(43, 5%, 49%)
0% #7d7d7drgb(125, 125, 125)hsl(43, 0%, 49%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(43, 74%, 100%)
95% #fcf6e9rgb(252, 246, 233)hsl(43, 74%, 95%)
90% #f8eed3rgb(248, 238, 211)hsl(43, 74%, 90%)
85% #f5e5bcrgb(245, 229, 188)hsl(43, 74%, 85%)
80% #f2dca6rgb(242, 220, 166)hsl(43, 74%, 80%)
75% #eed490rgb(238, 212, 144)hsl(43, 74%, 75%)
70% #ebcb7argb(235, 203, 122)hsl(43, 74%, 70%)
65% #e8c264rgb(232, 194, 100)hsl(43, 74%, 65%)
60% #e4ba4ergb(228, 186, 78)hsl(43, 74%, 60%)
55% #e1b137rgb(225, 177, 55)hsl(43, 74%, 55%)
50% #dea821rgb(222, 168, 33)hsl(43, 74%, 50%)
49% #daa520rgb(218, 165, 32)hsl(43, 74%, 49%)
45% #c8981ergb(200, 152, 30)hsl(43, 74%, 45%)
40% #b1871brgb(177, 135, 27)hsl(43, 74%, 40%)
35% #9b7617rgb(155, 118, 23)hsl(43, 74%, 35%)
30% #856514rgb(133, 101, 20)hsl(43, 74%, 30%)
25% #6f5411rgb(111, 84, 17)hsl(43, 74%, 25%)
20% #59430drgb(89, 67, 13)hsl(43, 74%, 20%)
15% #43330argb(67, 51, 10)hsl(43, 74%, 15%)
10% #2c2207rgb(44, 34, 7)hsl(43, 74%, 10%)
5% #161103rgb(22, 17, 3)hsl(43, 74%, 5%)
0% #000000rgb(0, 0, 0)hsl(43, 74%, 0%)

RGB (Red, Green, Blue)

绿
218 165 32
绿
rgb(218, 165, 32)
#daa520