颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
BurlyWood
#deb887
rgb(222, 184, 135)
hsl(34, 57%, 70%)

更亮 / 更暗:

100%  #ffffff
95%  #faf3eb
90%  #f4e7d7
85%  #efdcc3
80%  #e9d0af
75%  #e4c49b
70% 

 #deb887
65%  #d9ad73
60%  #d3a15f
55%  #ce954b
50%  #c88937
45%  #b47b31
40%  #a06e2c
35%  #8c6026
30%  #785221
25%  #64451b
20%  #503716
15%  #3c2910
10%  #281b0b
5%  #140e05
0%  #000000

色调

hue HexRgbHsl
#de8787rgb(222, 135, 135)hsl(0, 57%, 70%)
15 #de9d87rgb(222, 157, 135)hsl(15, 57%, 70%)
30 #deb387rgb(222, 179, 135)hsl(30, 57%, 70%)
34 #deb887rgb(222, 184, 135)hsl(34, 57%, 70%)
45 #dec887rgb(222, 200, 135)hsl(45, 57%, 70%)
60 #dede87rgb(222, 222, 135)hsl(60, 57%, 70%)
75 #c8de87rgb(200, 222, 135)hsl(75, 57%, 70%)
90 #b3de87rgb(179, 222, 135)hsl(90, 57%, 70%)
105 #9dde87rgb(157, 222, 135)hsl(105, 57%, 70%)
120 #87de87rgb(135, 222, 135)hsl(120, 57%, 70%)
135 #87de9drgb(135, 222, 157)hsl(135, 57%, 70%)
150 #87deb3rgb(135, 222, 179)hsl(150, 57%, 70%)
165 #87dec8rgb(135, 222, 200)hsl(165, 57%, 70%)
180 #87dedergb(135, 222, 222)hsl(180, 57%, 70%)
195 #87c8dergb(135, 200, 222)hsl(195, 57%, 70%)
210 #87b3dergb(135, 179, 222)hsl(210, 57%, 70%)
225 #879ddergb(135, 157, 222)hsl(225, 57%, 70%)
240 #8787dergb(135, 135, 222)hsl(240, 57%, 70%)
255 #9d87dergb(157, 135, 222)hsl(255, 57%, 70%)
270 #b387dergb(179, 135, 222)hsl(270, 57%, 70%)
285 #c887dergb(200, 135, 222)hsl(285, 57%, 70%)
300 #de87dergb(222, 135, 222)hsl(300, 57%, 70%)
315 #de87c8rgb(222, 135, 200)hsl(315, 57%, 70%)
330 #de87b3rgb(222, 135, 179)hsl(330, 57%, 70%)
345 #de879drgb(222, 135, 157)hsl(345, 57%, 70%)
360 #de8787rgb(222, 135, 135)hsl(0, 57%, 70%)


饱和度

sat HexRgbHsl
100% #ffbd66rgb(255, 189, 102)hsl(34, 100%, 70%)
95% #fbbc6argb(251, 188, 106)hsl(34, 95%, 70%)
90% #f7bc6ergb(247, 188, 110)hsl(34, 90%, 70%)
85% #f4bb71rgb(244, 187, 113)hsl(34, 85%, 70%)
80% #f0bb75rgb(240, 187, 117)hsl(34, 80%, 70%)
75% #ecba79rgb(236, 186, 121)hsl(34, 75%, 70%)
70% #e8ba7drgb(232, 186, 125)hsl(34, 70%, 70%)
65% #e4b981rgb(228, 185, 129)hsl(34, 65%, 70%)
60% #e0b985rgb(224, 185, 133)hsl(34, 60%, 70%)
57% #deb887rgb(222, 184, 135)hsl(34, 57%, 70%)
55% #ddb888rgb(221, 184, 136)hsl(34, 55%, 70%)
50% #d9b88crgb(217, 184, 140)hsl(34, 50%, 70%)
45% #d5b790rgb(213, 183, 144)hsl(34, 45%, 70%)
40% #d1b794rgb(209, 183, 148)hsl(34, 40%, 70%)
35% #cdb698rgb(205, 182, 152)hsl(34, 35%, 70%)
30% #c9b69crgb(201, 182, 156)hsl(34, 30%, 70%)
25% #c6b59frgb(198, 181, 159)hsl(34, 25%, 70%)
20% #c2b5a3rgb(194, 181, 163)hsl(34, 20%, 70%)
15% #beb4a7rgb(190, 180, 167)hsl(34, 15%, 70%)
10% #bab4abrgb(186, 180, 171)hsl(34, 10%, 70%)
5% #b6b3afrgb(182, 179, 175)hsl(34, 5%, 70%)
0% #b3b3b3rgb(179, 179, 179)hsl(34, 0%, 70%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(34, 57%, 100%)
95% #faf3ebrgb(250, 243, 235)hsl(34, 57%, 95%)
90% #f4e7d7rgb(244, 231, 215)hsl(34, 57%, 90%)
85% #efdcc3rgb(239, 220, 195)hsl(34, 57%, 85%)
80% #e9d0afrgb(233, 208, 175)hsl(34, 57%, 80%)
75% #e4c49brgb(228, 196, 155)hsl(34, 57%, 75%)
70% #deb887rgb(222, 184, 135)hsl(34, 57%, 70%)
65% #d9ad73rgb(217, 173, 115)hsl(34, 57%, 65%)
60% #d3a15frgb(211, 161, 95)hsl(34, 57%, 60%)
55% #ce954brgb(206, 149, 75)hsl(34, 57%, 55%)
50% #c88937rgb(200, 137, 55)hsl(34, 57%, 50%)
45% #b47b31rgb(180, 123, 49)hsl(34, 57%, 45%)
40% #a06e2crgb(160, 110, 44)hsl(34, 57%, 40%)
35% #8c6026rgb(140, 96, 38)hsl(34, 57%, 35%)
30% #785221rgb(120, 82, 33)hsl(34, 57%, 30%)
25% #64451brgb(100, 69, 27)hsl(34, 57%, 25%)
20% #503716rgb(80, 55, 22)hsl(34, 57%, 20%)
15% #3c2910rgb(60, 41, 16)hsl(34, 57%, 15%)
10% #281b0brgb(40, 27, 11)hsl(34, 57%, 10%)
5% #140e05rgb(20, 14, 5)hsl(34, 57%, 5%)
0% #000000rgb(0, 0, 0)hsl(34, 57%, 0%)

RGB (Red, Green, Blue)

绿
222 184 135
绿
rgb(222, 184, 135)
#deb887