颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Wheat
#f5deb3
rgb(245, 222, 179)
hsl(39, 77%, 83%)

更亮 / 更暗:

100%  #ffffff
95%  #fcf5e8
90%  #f9ebd2
85%  #f6e2bb
83%  #f5deb3
80%  #f3d8a5
75%  #f0ce8e
70%  #edc478
65%  #eaba61
60%  #e8b14a
55%  #e5a734
50%  #e29d1d
45%  #cb8d1a
40%  #b57e17
35%  #9e6e15
30%  #875e12
25%  #714e0f
20%  #5a3f0c
15%  #442f09
10%  #2d1f06
5%  #171003
0%  #000000

色调

hue HexRgbHsl
#f5b2b2rgb(245, 178, 178)hsl(0, 77%, 83%)
15 #f5c3b2rgb(245, 195, 178)hsl(15, 77%, 83%)
30 #f5d4b2rgb(245, 212, 178)hsl(30, 77%, 83%)
39 #f5deb3rgb(245, 222, 179)hsl(39, 77%, 83%)
45 #f5e4b2rgb(245, 228, 178)hsl(45, 77%, 83%)
60 #f5f5b2rgb(245, 245, 178)hsl(60, 77%, 83%)
75 #e4f5b2rgb(228, 245, 178)hsl(75, 77%, 83%)
90 #d4f5b2rgb(212, 245, 178)hsl(90, 77%, 83%)
105 #c3f5b2rgb(195, 245, 178)hsl(105, 77%, 83%)
120 #b2f5b2rgb(178, 245, 178)hsl(120, 77%, 83%)
135 #b2f5c3rgb(178, 245, 195)hsl(135, 77%, 83%)
150 #b2f5d4rgb(178, 245, 212)hsl(150, 77%, 83%)
165 #b2f5e4rgb(178, 245, 228)hsl(165, 77%, 83%)
180 #b2f5f5rgb(178, 245, 245)hsl(180, 77%, 83%)
195 #b2e4f5rgb(178, 228, 245)hsl(195, 77%, 83%)
210 #b2d4f5rgb(178, 212, 245)hsl(210, 77%, 83%)
225 #b2c3f5rgb(178, 195, 245)hsl(225, 77%, 83%)
240 #b2b2f5rgb(178, 178, 245)hsl(240, 77%, 83%)
255 #c3b2f5rgb(195, 178, 245)hsl(255, 77%, 83%)
270 #d4b2f5rgb(212, 178, 245)hsl(270, 77%, 83%)
285 #e4b2f5rgb(228, 178, 245)hsl(285, 77%, 83%)
300 #f5b2f5rgb(245, 178, 245)hsl(300, 77%, 83%)
315 #f5b2e4rgb(245, 178, 228)hsl(315, 77%, 83%)
330 #f5b2d4rgb(245, 178, 212)hsl(330, 77%, 83%)
345 #f5b2c3rgb(245, 178, 195)hsl(345, 77%, 83%)
360 #f5b2b2rgb(245, 178, 178)hsl(0, 77%, 83%)


饱和度

sat HexRgbHsl
100% #ffe1a8rgb(255, 225, 168)hsl(39, 100%, 83%)
95% #fde0aargb(253, 224, 170)hsl(39, 95%, 83%)
90% #fbdfadrgb(251, 223, 173)hsl(39, 90%, 83%)
85% #f8dfafrgb(248, 223, 175)hsl(39, 85%, 83%)
80% #f6deb1rgb(246, 222, 177)hsl(39, 80%, 83%)
77% #f5deb3rgb(245, 222, 179)hsl(39, 77%, 83%)
75% #f4ddb3rgb(244, 221, 179)hsl(39, 75%, 83%)
70% #f2ddb5rgb(242, 221, 181)hsl(39, 70%, 83%)
65% #f0dcb7rgb(240, 220, 183)hsl(39, 65%, 83%)
60% #eedbbargb(238, 219, 186)hsl(39, 60%, 83%)
55% #ebdbbcrgb(235, 219, 188)hsl(39, 55%, 83%)
50% #e9dabergb(233, 218, 190)hsl(39, 50%, 83%)
45% #e7dac0rgb(231, 218, 192)hsl(39, 45%, 83%)
40% #e5d9c2rgb(229, 217, 194)hsl(39, 40%, 83%)
35% #e3d8c4rgb(227, 216, 196)hsl(39, 35%, 83%)
30% #e1d8c7rgb(225, 216, 199)hsl(39, 30%, 83%)
25% #ded7c9rgb(222, 215, 201)hsl(39, 25%, 83%)
20% #dcd6cbrgb(220, 214, 203)hsl(39, 20%, 83%)
15% #dad6cdrgb(218, 214, 205)hsl(39, 15%, 83%)
10% #d8d5cfrgb(216, 213, 207)hsl(39, 10%, 83%)
5% #d6d4d1rgb(214, 212, 209)hsl(39, 5%, 83%)
0% #d4d4d4rgb(212, 212, 212)hsl(39, 0%, 83%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(39, 77%, 100%)
95% #fcf5e8rgb(252, 245, 232)hsl(39, 77%, 95%)
90% #f9ebd2rgb(249, 235, 210)hsl(39, 77%, 90%)
85% #f6e2bbrgb(246, 226, 187)hsl(39, 77%, 85%)
83% #f5deb3rgb(245, 222, 179)hsl(39, 77%, 83%)
80% #f3d8a5rgb(243, 216, 165)hsl(39, 77%, 80%)
75% #f0ce8ergb(240, 206, 142)hsl(39, 77%, 75%)
70% #edc478rgb(237, 196, 120)hsl(39, 77%, 70%)
65% #eaba61rgb(234, 186, 97)hsl(39, 77%, 65%)
60% #e8b14argb(232, 177, 74)hsl(39, 77%, 60%)
55% #e5a734rgb(229, 167, 52)hsl(39, 77%, 55%)
50% #e29d1drgb(226, 157, 29)hsl(39, 77%, 50%)
45% #cb8d1argb(203, 141, 26)hsl(39, 77%, 45%)
40% #b57e17rgb(181, 126, 23)hsl(39, 77%, 40%)
35% #9e6e15rgb(158, 110, 21)hsl(39, 77%, 35%)
30% #875e12rgb(135, 94, 18)hsl(39, 77%, 30%)
25% #714e0frgb(113, 78, 15)hsl(39, 77%, 25%)
20% #5a3f0crgb(90, 63, 12)hsl(39, 77%, 20%)
15% #442f09rgb(68, 47, 9)hsl(39, 77%, 15%)
10% #2d1f06rgb(45, 31, 6)hsl(39, 77%, 10%)
5% #171003rgb(23, 16, 3)hsl(39, 77%, 5%)
0% #000000rgb(0, 0, 0)hsl(39, 77%, 0%)

RGB (Red, Green, Blue)

绿
245 222 179
绿
rgb(245, 222, 179)
#f5deb3