颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
LightCoral
#f08080
rgb(240, 128, 128)
hsl(0, 79%, 72%)

更亮 / 更暗:

100%  #ffffff
95%  #fce8e8
90%  #fad1d1
85%  #f7bbbb
80%  #f4a4a4
75%  #f28d8d
72%  #f08080
70%  #ef7676
65%  #ec5f5f
60%  #ea4848
55%  #e73232
50%  #e41b1b
45%  #cd1818
40%  #b71515
35%  #a01313
30%  #891010
25%  #720d0d
20%  #5b0b0b
15%  #440808
10%  #2e0505
5%  #170303
0%  #000000

色调

hue HexRgbHsl
#f08080rgb(240, 128, 128)hsl(0, 79%, 72%)
15 #f09b7frgb(240, 155, 127)hsl(15, 79%, 72%)
30 #f0b87frgb(240, 184, 127)hsl(30, 79%, 72%)
45 #f0d47frgb(240, 212, 127)hsl(45, 79%, 72%)
60 #f0f07frgb(240, 240, 127)hsl(60, 79%, 72%)
75 #d4f07frgb(212, 240, 127)hsl(75, 79%, 72%)
90 #b8f07frgb(184, 240, 127)hsl(90, 79%, 72%)
105 #9bf07frgb(155, 240, 127)hsl(105, 79%, 72%)
120 #7ff07frgb(127, 240, 127)hsl(120, 79%, 72%)
135 #7ff09brgb(127, 240, 155)hsl(135, 79%, 72%)
150 #7ff0b8rgb(127, 240, 184)hsl(150, 79%, 72%)
165 #7ff0d4rgb(127, 240, 212)hsl(165, 79%, 72%)
180 #7ff0f0rgb(127, 240, 240)hsl(180, 79%, 72%)
195 #7fd4f0rgb(127, 212, 240)hsl(195, 79%, 72%)
210 #7fb8f0rgb(127, 184, 240)hsl(210, 79%, 72%)
225 #7f9bf0rgb(127, 155, 240)hsl(225, 79%, 72%)
240 #7f7ff0rgb(127, 127, 240)hsl(240, 79%, 72%)
255 #9b7ff0rgb(155, 127, 240)hsl(255, 79%, 72%)
270 #b87ff0rgb(184, 127, 240)hsl(270, 79%, 72%)
285 #d47ff0rgb(212, 127, 240)hsl(285, 79%, 72%)
300 #f07ff0rgb(240, 127, 240)hsl(300, 79%, 72%)
315 #f07fd4rgb(240, 127, 212)hsl(315, 79%, 72%)
330 #f07fb8rgb(240, 127, 184)hsl(330, 79%, 72%)
345 #f07f9brgb(240, 127, 155)hsl(345, 79%, 72%)
360 #f07f7frgb(240, 127, 127)hsl(0, 79%, 72%)


饱和度

sat HexRgbHsl
100% #ff7070rgb(255, 112, 112)hsl(0, 100%, 72%)
95% #fb7474rgb(251, 116, 116)hsl(0, 95%, 72%)
90% #f87777rgb(248, 119, 119)hsl(0, 90%, 72%)
85% #f47b7brgb(244, 123, 123)hsl(0, 85%, 72%)
80% #f17e7ergb(241, 126, 126)hsl(0, 80%, 72%)
79% #f08080rgb(240, 128, 128)hsl(0, 79%, 72%)
75% #ed8282rgb(237, 130, 130)hsl(0, 75%, 72%)
70% #ea8686rgb(234, 134, 134)hsl(0, 70%, 72%)
65% #e68989rgb(230, 137, 137)hsl(0, 65%, 72%)
60% #e28d8drgb(226, 141, 141)hsl(0, 60%, 72%)
55% #df9090rgb(223, 144, 144)hsl(0, 55%, 72%)
50% #db9494rgb(219, 148, 148)hsl(0, 50%, 72%)
45% #d89797rgb(216, 151, 151)hsl(0, 45%, 72%)
40% #d49b9brgb(212, 155, 155)hsl(0, 40%, 72%)
35% #d19f9frgb(209, 159, 159)hsl(0, 35%, 72%)
30% #cda2a2rgb(205, 162, 162)hsl(0, 30%, 72%)
25% #c9a6a6rgb(201, 166, 166)hsl(0, 25%, 72%)
20% #c6a9a9rgb(198, 169, 169)hsl(0, 20%, 72%)
15% #c2adadrgb(194, 173, 173)hsl(0, 15%, 72%)
10% #bfb0b0rgb(191, 176, 176)hsl(0, 10%, 72%)
5% #bbb4b4rgb(187, 180, 180)hsl(0, 5%, 72%)
0% #b8b8b8rgb(184, 184, 184)hsl(0, 0%, 72%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(0, 79%, 100%)
95% #fce8e8rgb(252, 232, 232)hsl(0, 79%, 95%)
90% #fad1d1rgb(250, 209, 209)hsl(0, 79%, 90%)
85% #f7bbbbrgb(247, 187, 187)hsl(0, 79%, 85%)
80% #f4a4a4rgb(244, 164, 164)hsl(0, 79%, 80%)
75% #f28d8drgb(242, 141, 141)hsl(0, 79%, 75%)
72% #f08080rgb(240, 128, 128)hsl(0, 79%, 72%)
70% #ef7676rgb(239, 118, 118)hsl(0, 79%, 70%)
65% #ec5f5frgb(236, 95, 95)hsl(0, 79%, 65%)
60% #ea4848rgb(234, 72, 72)hsl(0, 79%, 60%)
55% #e73232rgb(231, 50, 50)hsl(0, 79%, 55%)
50% #e41b1brgb(228, 27, 27)hsl(0, 79%, 50%)
45% #cd1818rgb(205, 24, 24)hsl(0, 79%, 45%)
40% #b71515rgb(183, 21, 21)hsl(0, 79%, 40%)
35% #a01313rgb(160, 19, 19)hsl(0, 79%, 35%)
30% #891010rgb(137, 16, 16)hsl(0, 79%, 30%)
25% #720d0drgb(114, 13, 13)hsl(0, 79%, 25%)
20% #5b0b0brgb(91, 11, 11)hsl(0, 79%, 20%)
15% #440808rgb(68, 8, 8)hsl(0, 79%, 15%)
10% #2e0505rgb(46, 5, 5)hsl(0, 79%, 10%)
5% #170303rgb(23, 3, 3)hsl(0, 79%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 79%, 0%)

RGB (Red, Green, Blue)

绿
240 128 128
绿
rgb(240, 128, 128)
#f08080