颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
LightGoldenRodYellow
#fafad2
rgb(250, 250, 210)
hsl(60, 80%, 90%)

更亮 / 更暗:

100%  #ffffff
95%  #fcfce8
90% 

 #fafad2
85%  #f7f7ba
80%  #f5f5a3
75%  #f2f28c
70%  #f0f075
65%  #eded5e
60%  #ebeb47
55%  #e8e830
50%  #e6e619
45%  #cfcf17
40%  #b8b814
35%  #a1a112
30%  #8a8a0f
25%  #73730d
20%  #5c5c0a
15%  #454508
10%  #2e2e05
5%  #171703
0%  #000000

色调

hue HexRgbHsl
#fad1d1rgb(250, 209, 209)hsl(0, 80%, 90%)
15 #fadbd1rgb(250, 219, 209)hsl(15, 80%, 90%)
30 #fae6d1rgb(250, 230, 209)hsl(30, 80%, 90%)
45 #faf0d1rgb(250, 240, 209)hsl(45, 80%, 90%)
60 #fafad2rgb(250, 250, 210)hsl(60, 80%, 90%)
75 #f0fad1rgb(240, 250, 209)hsl(75, 80%, 90%)
90 #e6fad1rgb(230, 250, 209)hsl(90, 80%, 90%)
105 #dbfad1rgb(219, 250, 209)hsl(105, 80%, 90%)
120 #d1fad1rgb(209, 250, 209)hsl(120, 80%, 90%)
135 #d1fadbrgb(209, 250, 219)hsl(135, 80%, 90%)
150 #d1fae6rgb(209, 250, 230)hsl(150, 80%, 90%)
165 #d1faf0rgb(209, 250, 240)hsl(165, 80%, 90%)
180 #d1fafargb(209, 250, 250)hsl(180, 80%, 90%)
195 #d1f0fargb(209, 240, 250)hsl(195, 80%, 90%)
210 #d1e6fargb(209, 230, 250)hsl(210, 80%, 90%)
225 #d1dbfargb(209, 219, 250)hsl(225, 80%, 90%)
240 #d1d1fargb(209, 209, 250)hsl(240, 80%, 90%)
255 #dbd1fargb(219, 209, 250)hsl(255, 80%, 90%)
270 #e6d1fargb(230, 209, 250)hsl(270, 80%, 90%)
285 #f0d1fargb(240, 209, 250)hsl(285, 80%, 90%)
300 #fad1fargb(250, 209, 250)hsl(300, 80%, 90%)
315 #fad1f0rgb(250, 209, 240)hsl(315, 80%, 90%)
330 #fad1e6rgb(250, 209, 230)hsl(330, 80%, 90%)
345 #fad1dbrgb(250, 209, 219)hsl(345, 80%, 90%)
360 #fad1d1rgb(250, 209, 209)hsl(0, 80%, 90%)


饱和度

sat HexRgbHsl
100% #ffffccrgb(255, 255, 204)hsl(60, 100%, 90%)
95% #fefecdrgb(254, 254, 205)hsl(60, 95%, 90%)
90% #fcfccfrgb(252, 252, 207)hsl(60, 90%, 90%)
85% #fbfbd0rgb(251, 251, 208)hsl(60, 85%, 90%)
80% #fafad2rgb(250, 250, 210)hsl(60, 80%, 90%)
75% #f9f9d2rgb(249, 249, 210)hsl(60, 75%, 90%)
70% #f7f7d4rgb(247, 247, 212)hsl(60, 70%, 90%)
65% #f6f6d5rgb(246, 246, 213)hsl(60, 65%, 90%)
60% #f5f5d6rgb(245, 245, 214)hsl(60, 60%, 90%)
55% #f4f4d7rgb(244, 244, 215)hsl(60, 55%, 90%)
50% #f2f2d9rgb(242, 242, 217)hsl(60, 50%, 90%)
45% #f1f1dargb(241, 241, 218)hsl(60, 45%, 90%)
40% #f0f0dbrgb(240, 240, 219)hsl(60, 40%, 90%)
35% #eeeeddrgb(238, 238, 221)hsl(60, 35%, 90%)
30% #ededdergb(237, 237, 222)hsl(60, 30%, 90%)
25% #ececdfrgb(236, 236, 223)hsl(60, 25%, 90%)
20% #ebebe0rgb(235, 235, 224)hsl(60, 20%, 90%)
15% #e9e9e2rgb(233, 233, 226)hsl(60, 15%, 90%)
10% #e8e8e3rgb(232, 232, 227)hsl(60, 10%, 90%)
5% #e7e7e4rgb(231, 231, 228)hsl(60, 5%, 90%)
0% #e6e6e6rgb(230, 230, 230)hsl(60, 0%, 90%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(60, 80%, 100%)
95% #fcfce8rgb(252, 252, 232)hsl(60, 80%, 95%)
90% #fafad2rgb(250, 250, 210)hsl(60, 80%, 90%)
85% #f7f7bargb(247, 247, 186)hsl(60, 80%, 85%)
80% #f5f5a3rgb(245, 245, 163)hsl(60, 80%, 80%)
75% #f2f28crgb(242, 242, 140)hsl(60, 80%, 75%)
70% #f0f075rgb(240, 240, 117)hsl(60, 80%, 70%)
65% #eded5ergb(237, 237, 94)hsl(60, 80%, 65%)
60% #ebeb47rgb(235, 235, 71)hsl(60, 80%, 60%)
55% #e8e830rgb(232, 232, 48)hsl(60, 80%, 55%)
50% #e6e619rgb(230, 230, 25)hsl(60, 80%, 50%)
45% #cfcf17rgb(207, 207, 23)hsl(60, 80%, 45%)
40% #b8b814rgb(184, 184, 20)hsl(60, 80%, 40%)
35% #a1a112rgb(161, 161, 18)hsl(60, 80%, 35%)
30% #8a8a0frgb(138, 138, 15)hsl(60, 80%, 30%)
25% #73730drgb(115, 115, 13)hsl(60, 80%, 25%)
20% #5c5c0argb(92, 92, 10)hsl(60, 80%, 20%)
15% #454508rgb(69, 69, 8)hsl(60, 80%, 15%)
10% #2e2e05rgb(46, 46, 5)hsl(60, 80%, 10%)
5% #171703rgb(23, 23, 3)hsl(60, 80%, 5%)
0% #000000rgb(0, 0, 0)hsl(60, 80%, 0%)

RGB (Red, Green, Blue)

绿
250 250 210
绿
rgb(250, 250, 210)
#fafad2