颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
BlanchedAlmond
#ffebcd
rgb(255, 235, 205)
hsl(36, 100%, 90%)

更亮 / 更暗:

100%  #ffffff
95%  #fff5e6
90% 

 #ffebcd
85%  #ffe0b3
80%  #ffd699
75%  #ffcc80
70%  #ffc266
65%  #ffb84d
60%  #ffad33
55%  #ffa31a
50%  #ff9900
45%  #e68a00
40%  #cc7a00
35%  #b36b00
30%  #995c00
25%  #804d00
20%  #663d00
15%  #4d2e00
10%  #331f00
5%  #1a0f00
0%  #000000

色调

hue HexRgbHsl
#ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)
15 #ffd9ccrgb(255, 217, 204)hsl(15, 100%, 90%)
30 #ffe6ccrgb(255, 230, 204)hsl(30, 100%, 90%)
36 #ffebcdrgb(255, 235, 205)hsl(36, 100%, 90%)
45 #fff2ccrgb(255, 242, 204)hsl(45, 100%, 90%)
60 #ffffccrgb(255, 255, 204)hsl(60, 100%, 90%)
75 #f2ffccrgb(242, 255, 204)hsl(75, 100%, 90%)
90 #e6ffccrgb(230, 255, 204)hsl(90, 100%, 90%)
105 #d9ffccrgb(217, 255, 204)hsl(105, 100%, 90%)
120 #ccffccrgb(204, 255, 204)hsl(120, 100%, 90%)
135 #ccffd9rgb(204, 255, 217)hsl(135, 100%, 90%)
150 #ccffe6rgb(204, 255, 230)hsl(150, 100%, 90%)
165 #ccfff2rgb(204, 255, 242)hsl(165, 100%, 90%)
180 #ccffffrgb(204, 255, 255)hsl(180, 100%, 90%)
195 #ccf2ffrgb(204, 242, 255)hsl(195, 100%, 90%)
210 #cce6ffrgb(204, 230, 255)hsl(210, 100%, 90%)
225 #ccd9ffrgb(204, 217, 255)hsl(225, 100%, 90%)
240 #ccccffrgb(204, 204, 255)hsl(240, 100%, 90%)
255 #d9ccffrgb(217, 204, 255)hsl(255, 100%, 90%)
270 #e6ccffrgb(230, 204, 255)hsl(270, 100%, 90%)
285 #f2ccffrgb(242, 204, 255)hsl(285, 100%, 90%)
300 #ffccffrgb(255, 204, 255)hsl(300, 100%, 90%)
315 #ffccf2rgb(255, 204, 242)hsl(315, 100%, 90%)
330 #ffcce6rgb(255, 204, 230)hsl(330, 100%, 90%)
345 #ffccd9rgb(255, 204, 217)hsl(345, 100%, 90%)
360 #ffccccrgb(255, 204, 204)hsl(0, 100%, 90%)


饱和度

sat HexRgbHsl
100% #ffebcdrgb(255, 235, 205)hsl(36, 100%, 90%)
95% #feeacdrgb(254, 234, 205)hsl(36, 95%, 90%)
90% #fceacfrgb(252, 234, 207)hsl(36, 90%, 90%)
85% #fbead0rgb(251, 234, 208)hsl(36, 85%, 90%)
80% #faead1rgb(250, 234, 209)hsl(36, 80%, 90%)
75% #f9e9d2rgb(249, 233, 210)hsl(36, 75%, 90%)
70% #f7e9d4rgb(247, 233, 212)hsl(36, 70%, 90%)
65% #f6e9d5rgb(246, 233, 213)hsl(36, 65%, 90%)
60% #f5e9d6rgb(245, 233, 214)hsl(36, 60%, 90%)
55% #f4e8d7rgb(244, 232, 215)hsl(36, 55%, 90%)
50% #f2e8d9rgb(242, 232, 217)hsl(36, 50%, 90%)
45% #f1e8dargb(241, 232, 218)hsl(36, 45%, 90%)
40% #f0e8dbrgb(240, 232, 219)hsl(36, 40%, 90%)
35% #eee7ddrgb(238, 231, 221)hsl(36, 35%, 90%)
30% #ede7dergb(237, 231, 222)hsl(36, 30%, 90%)
25% #ece7dfrgb(236, 231, 223)hsl(36, 25%, 90%)
20% #ebe7e0rgb(235, 231, 224)hsl(36, 20%, 90%)
15% #e9e6e2rgb(233, 230, 226)hsl(36, 15%, 90%)
10% #e8e6e3rgb(232, 230, 227)hsl(36, 10%, 90%)
5% #e7e6e4rgb(231, 230, 228)hsl(36, 5%, 90%)
0% #e6e6e6rgb(230, 230, 230)hsl(36, 0%, 90%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(36, 100%, 100%)
95% #fff5e6rgb(255, 245, 230)hsl(36, 100%, 95%)
90% #ffebcdrgb(255, 235, 205)hsl(36, 100%, 90%)
85% #ffe0b3rgb(255, 224, 179)hsl(36, 100%, 85%)
80% #ffd699rgb(255, 214, 153)hsl(36, 100%, 80%)
75% #ffcc80rgb(255, 204, 128)hsl(36, 100%, 75%)
70% #ffc266rgb(255, 194, 102)hsl(36, 100%, 70%)
65% #ffb84drgb(255, 184, 77)hsl(36, 100%, 65%)
60% #ffad33rgb(255, 173, 51)hsl(36, 100%, 60%)
55% #ffa31argb(255, 163, 26)hsl(36, 100%, 55%)
50% #ff9900rgb(255, 153, 0)hsl(36, 100%, 50%)
45% #e68a00rgb(230, 138, 0)hsl(36, 100%, 45%)
40% #cc7a00rgb(204, 122, 0)hsl(36, 100%, 40%)
35% #b36b00rgb(179, 107, 0)hsl(36, 100%, 35%)
30% #995c00rgb(153, 92, 0)hsl(36, 100%, 30%)
25% #804d00rgb(128, 77, 0)hsl(36, 100%, 25%)
20% #663d00rgb(102, 61, 0)hsl(36, 100%, 20%)
15% #4d2e00rgb(77, 46, 0)hsl(36, 100%, 15%)
10% #331f00rgb(51, 31, 0)hsl(36, 100%, 10%)
5% #1a0f00rgb(26, 15, 0)hsl(36, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(36, 100%, 0%)

RGB (Red, Green, Blue)

绿
255 235 205
绿
rgb(255, 235, 205)
#ffebcd