颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Cornsilk
#fff8dc
rgb(255, 248, 220)
hsl(48, 100%, 93%)

更亮 / 更暗:

100%  #ffffff
95%  #fffae6
93%  #fff8dc
90%  #fff5cc
85%  #fff0b3
80%  #ffeb99
75%  #ffe680
70%  #ffe066
65%  #ffdb4d
60%  #ffd633
55%  #ffd11a
50%  #ffcc00
45%  #e6b800
40%  #cca300
35%  #b38f00
30%  #997a00
25%  #806600
20%  #665200
15%  #4d3d00
10%  #332900
5%  #1a1400
0%  #000000

色调

hue HexRgbHsl
#ffdbdbrgb(255, 219, 219)hsl(0, 100%, 93%)
15 #ffe4dbrgb(255, 228, 219)hsl(15, 100%, 93%)
30 #ffeddbrgb(255, 237, 219)hsl(30, 100%, 93%)
45 #fff6dbrgb(255, 246, 219)hsl(45, 100%, 93%)
48 #fff8dcrgb(255, 248, 220)hsl(48, 100%, 93%)
60 #ffffdbrgb(255, 255, 219)hsl(60, 100%, 93%)
75 #f6ffdbrgb(246, 255, 219)hsl(75, 100%, 93%)
90 #edffdbrgb(237, 255, 219)hsl(90, 100%, 93%)
105 #e4ffdbrgb(228, 255, 219)hsl(105, 100%, 93%)
120 #dbffdbrgb(219, 255, 219)hsl(120, 100%, 93%)
135 #dbffe4rgb(219, 255, 228)hsl(135, 100%, 93%)
150 #dbffedrgb(219, 255, 237)hsl(150, 100%, 93%)
165 #dbfff6rgb(219, 255, 246)hsl(165, 100%, 93%)
180 #dbffffrgb(219, 255, 255)hsl(180, 100%, 93%)
195 #dbf6ffrgb(219, 246, 255)hsl(195, 100%, 93%)
210 #dbedffrgb(219, 237, 255)hsl(210, 100%, 93%)
225 #dbe4ffrgb(219, 228, 255)hsl(225, 100%, 93%)
240 #dbdbffrgb(219, 219, 255)hsl(240, 100%, 93%)
255 #e4dbffrgb(228, 219, 255)hsl(255, 100%, 93%)
270 #eddbffrgb(237, 219, 255)hsl(270, 100%, 93%)
285 #f6dbffrgb(246, 219, 255)hsl(285, 100%, 93%)
300 #ffdbffrgb(255, 219, 255)hsl(300, 100%, 93%)
315 #ffdbf6rgb(255, 219, 246)hsl(315, 100%, 93%)
330 #ffdbedrgb(255, 219, 237)hsl(330, 100%, 93%)
345 #ffdbe4rgb(255, 219, 228)hsl(345, 100%, 93%)
360 #ffdbdbrgb(255, 219, 219)hsl(0, 100%, 93%)


饱和度

sat HexRgbHsl
100% #fff8dcrgb(255, 248, 220)hsl(48, 100%, 93%)
95% #fef7dcrgb(254, 247, 220)hsl(48, 95%, 93%)
90% #fdf7ddrgb(253, 247, 221)hsl(48, 90%, 93%)
85% #fcf6dergb(252, 246, 222)hsl(48, 85%, 93%)
80% #fbf6dfrgb(251, 246, 223)hsl(48, 80%, 93%)
75% #fbf5e0rgb(251, 245, 224)hsl(48, 75%, 93%)
70% #faf5e1rgb(250, 245, 225)hsl(48, 70%, 93%)
65% #f9f4e2rgb(249, 244, 226)hsl(48, 65%, 93%)
60% #f8f4e2rgb(248, 244, 226)hsl(48, 60%, 93%)
55% #f7f3e3rgb(247, 243, 227)hsl(48, 55%, 93%)
50% #f6f3e4rgb(246, 243, 228)hsl(48, 50%, 93%)
45% #f5f2e5rgb(245, 242, 229)hsl(48, 45%, 93%)
40% #f4f1e6rgb(244, 241, 230)hsl(48, 40%, 93%)
35% #f3f1e7rgb(243, 241, 231)hsl(48, 35%, 93%)
30% #f3f0e8rgb(243, 240, 232)hsl(48, 30%, 93%)
25% #f2f0e9rgb(242, 240, 233)hsl(48, 25%, 93%)
20% #f1efeargb(241, 239, 234)hsl(48, 20%, 93%)
15% #f0efeargb(240, 239, 234)hsl(48, 15%, 93%)
10% #efeeebrgb(239, 238, 235)hsl(48, 10%, 93%)
5% #eeeeecrgb(238, 238, 236)hsl(48, 5%, 93%)
0% #edededrgb(237, 237, 237)hsl(48, 0%, 93%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(48, 100%, 100%)
95% #fffae6rgb(255, 250, 230)hsl(48, 100%, 95%)
93% #fff8dcrgb(255, 248, 220)hsl(48, 100%, 93%)
90% #fff5ccrgb(255, 245, 204)hsl(48, 100%, 90%)
85% #fff0b3rgb(255, 240, 179)hsl(48, 100%, 85%)
80% #ffeb99rgb(255, 235, 153)hsl(48, 100%, 80%)
75% #ffe680rgb(255, 230, 128)hsl(48, 100%, 75%)
70% #ffe066rgb(255, 224, 102)hsl(48, 100%, 70%)
65% #ffdb4drgb(255, 219, 77)hsl(48, 100%, 65%)
60% #ffd633rgb(255, 214, 51)hsl(48, 100%, 60%)
55% #ffd11argb(255, 209, 26)hsl(48, 100%, 55%)
50% #ffcc00rgb(255, 204, 0)hsl(48, 100%, 50%)
45% #e6b800rgb(230, 184, 0)hsl(48, 100%, 45%)
40% #cca300rgb(204, 163, 0)hsl(48, 100%, 40%)
35% #b38f00rgb(179, 143, 0)hsl(48, 100%, 35%)
30% #997a00rgb(153, 122, 0)hsl(48, 100%, 30%)
25% #806600rgb(128, 102, 0)hsl(48, 100%, 25%)
20% #665200rgb(102, 82, 0)hsl(48, 100%, 20%)
15% #4d3d00rgb(77, 61, 0)hsl(48, 100%, 15%)
10% #332900rgb(51, 41, 0)hsl(48, 100%, 10%)
5% #1a1400rgb(26, 20, 0)hsl(48, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(48, 100%, 0%)

RGB (Red, Green, Blue)

绿
255 248 220
绿
rgb(255, 248, 220)
#fff8dc