颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
Pink
#ffc0cb
rgb(255, 192, 203)
hsl(350, 100%, 88%)

更亮 / 更暗:

100%  #ffffff
95%  #ffe6ea
90%  #ffccd5
88%  #ffc0cb
85%  #ffb3bf
80%  #ff99aa
75%  #ff8095
70%  #ff6680
65%  #ff4d6a
60%  #ff3355
55%  #ff1a40
50%  #ff002b
45%  #e60026
40%  #cc0022
35%  #b3001e
30%  #99001a
25%  #800015
20%  #660011
15%  #4d000d
10%  #330009
5%  #1a0004
0%  #000000

色调

hue HexRgbHsl
#ffc2c2rgb(255, 194, 194)hsl(0, 100%, 88%)
15 #ffd1c2rgb(255, 209, 194)hsl(15, 100%, 88%)
30 #ffe0c2rgb(255, 224, 194)hsl(30, 100%, 88%)
45 #fff0c2rgb(255, 240, 194)hsl(45, 100%, 88%)
60 #ffffc2rgb(255, 255, 194)hsl(60, 100%, 88%)
75 #f0ffc2rgb(240, 255, 194)hsl(75, 100%, 88%)
90 #e0ffc2rgb(224, 255, 194)hsl(90, 100%, 88%)
105 #d1ffc2rgb(209, 255, 194)hsl(105, 100%, 88%)
120 #c2ffc2rgb(194, 255, 194)hsl(120, 100%, 88%)
135 #c2ffd1rgb(194, 255, 209)hsl(135, 100%, 88%)
150 #c2ffe0rgb(194, 255, 224)hsl(150, 100%, 88%)
165 #c2fff0rgb(194, 255, 240)hsl(165, 100%, 88%)
180 #c2ffffrgb(194, 255, 255)hsl(180, 100%, 88%)
195 #c2f0ffrgb(194, 240, 255)hsl(195, 100%, 88%)
210 #c2e0ffrgb(194, 224, 255)hsl(210, 100%, 88%)
225 #c2d1ffrgb(194, 209, 255)hsl(225, 100%, 88%)
240 #c2c2ffrgb(194, 194, 255)hsl(240, 100%, 88%)
255 #d1c2ffrgb(209, 194, 255)hsl(255, 100%, 88%)
270 #e0c2ffrgb(224, 194, 255)hsl(270, 100%, 88%)
285 #f0c2ffrgb(240, 194, 255)hsl(285, 100%, 88%)
300 #ffc2ffrgb(255, 194, 255)hsl(300, 100%, 88%)
315 #ffc2f0rgb(255, 194, 240)hsl(315, 100%, 88%)
330 #ffc2e0rgb(255, 194, 224)hsl(330, 100%, 88%)
345 #ffc2d1rgb(255, 194, 209)hsl(345, 100%, 88%)
350 #ffc0cbrgb(255, 192, 203)hsl(350, 100%, 88%)
360 #ffc2c2rgb(255, 194, 194)hsl(0, 100%, 88%)


饱和度

sat HexRgbHsl
100% #ffc0cbrgb(255, 192, 203)hsl(350, 100%, 88%)
95% #fdc3cdrgb(253, 195, 205)hsl(350, 95%, 88%)
90% #fcc5cergb(252, 197, 206)hsl(350, 90%, 88%)
85% #fac6cfrgb(250, 198, 207)hsl(350, 85%, 88%)
80% #f9c8d0rgb(249, 200, 208)hsl(350, 80%, 88%)
75% #f7c9d1rgb(247, 201, 209)hsl(350, 75%, 88%)
70% #f6cbd2rgb(246, 203, 210)hsl(350, 70%, 88%)
65% #f4cdd3rgb(244, 205, 211)hsl(350, 65%, 88%)
60% #f3ced4rgb(243, 206, 212)hsl(350, 60%, 88%)
55% #f1d0d5rgb(241, 208, 213)hsl(350, 55%, 88%)
50% #f0d1d6rgb(240, 209, 214)hsl(350, 50%, 88%)
45% #eed3d7rgb(238, 211, 215)hsl(350, 45%, 88%)
40% #edd4d8rgb(237, 212, 216)hsl(350, 40%, 88%)
35% #ebd6d9rgb(235, 214, 217)hsl(350, 35%, 88%)
30% #ead7dargb(234, 215, 218)hsl(350, 30%, 88%)
25% #e8d9dbrgb(232, 217, 219)hsl(350, 25%, 88%)
20% #e7dadcrgb(231, 218, 220)hsl(350, 20%, 88%)
15% #e5dcddrgb(229, 220, 221)hsl(350, 15%, 88%)
10% #e3dddergb(227, 221, 222)hsl(350, 10%, 88%)
5% #e2dfdfrgb(226, 223, 223)hsl(350, 5%, 88%)
0% #e0e0e0rgb(224, 224, 224)hsl(350, 0%, 88%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(350, 100%, 100%)
95% #ffe6eargb(255, 230, 234)hsl(350, 100%, 95%)
90% #ffccd5rgb(255, 204, 213)hsl(350, 100%, 90%)
88% #ffc0cbrgb(255, 192, 203)hsl(350, 100%, 88%)
85% #ffb3bfrgb(255, 179, 191)hsl(350, 100%, 85%)
80% #ff99aargb(255, 153, 170)hsl(350, 100%, 80%)
75% #ff8095rgb(255, 128, 149)hsl(350, 100%, 75%)
70% #ff6680rgb(255, 102, 128)hsl(350, 100%, 70%)
65% #ff4d6argb(255, 77, 106)hsl(350, 100%, 65%)
60% #ff3355rgb(255, 51, 85)hsl(350, 100%, 60%)
55% #ff1a40rgb(255, 26, 64)hsl(350, 100%, 55%)
50% #ff002brgb(255, 0, 43)hsl(350, 100%, 50%)
45% #e60026rgb(230, 0, 38)hsl(350, 100%, 45%)
40% #cc0022rgb(204, 0, 34)hsl(350, 100%, 40%)
35% #b3001ergb(179, 0, 30)hsl(350, 100%, 35%)
30% #99001argb(153, 0, 26)hsl(350, 100%, 30%)
25% #800015rgb(128, 0, 21)hsl(350, 100%, 25%)
20% #660011rgb(102, 0, 17)hsl(350, 100%, 20%)
15% #4d000drgb(77, 0, 13)hsl(350, 100%, 15%)
10% #330009rgb(51, 0, 9)hsl(350, 100%, 10%)
5% #1a0004rgb(26, 0, 4)hsl(350, 100%, 5%)
0% #000000rgb(0, 0, 0)hsl(350, 100%, 0%)

RGB (Red, Green, Blue)

绿
255 192 203
绿
rgb(255, 192, 203)
#ffc0cb