颜色选择器 :

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



选择的颜色:



黑色文本

阴影

白色文本

阴影
PowderBlue
#b0e0e6
rgb(176, 224, 230)
hsl(187, 52%, 80%)

更亮 / 更暗:

100%  #ffffff
95%  #ecf7f9
90%  #d8f0f3
85%  #c5e8ed
80% 

 #b0e0e6
75%  #9ed9e0
70%  #8bd1da
65%  #77c9d4
60%  #64c2ce
55%  #51bac8
50%  #3db2c2
45%  #37a0ae
40%  #318f9b
35%  #2b7d88
30%  #256b74
25%  #1f5961
20%  #18474e
15%  #12353a
10%  #0c2427
5%  #061213
0%  #000000

色调

hue HexRgbHsl
#e7b1b1rgb(231, 177, 177)hsl(0, 52%, 80%)
15 #e7bfb1rgb(231, 191, 177)hsl(15, 52%, 80%)
30 #e7ccb1rgb(231, 204, 177)hsl(30, 52%, 80%)
45 #e7d9b1rgb(231, 217, 177)hsl(45, 52%, 80%)
60 #e7e7b1rgb(231, 231, 177)hsl(60, 52%, 80%)
75 #d9e7b1rgb(217, 231, 177)hsl(75, 52%, 80%)
90 #cce7b1rgb(204, 231, 177)hsl(90, 52%, 80%)
105 #bfe7b1rgb(191, 231, 177)hsl(105, 52%, 80%)
120 #b1e7b1rgb(177, 231, 177)hsl(120, 52%, 80%)
135 #b1e7bfrgb(177, 231, 191)hsl(135, 52%, 80%)
150 #b1e7ccrgb(177, 231, 204)hsl(150, 52%, 80%)
165 #b1e7d9rgb(177, 231, 217)hsl(165, 52%, 80%)
180 #b1e7e7rgb(177, 231, 231)hsl(180, 52%, 80%)
187 #b0e0e6rgb(176, 224, 230)hsl(187, 52%, 80%)
195 #b1d9e7rgb(177, 217, 231)hsl(195, 52%, 80%)
210 #b1cce7rgb(177, 204, 231)hsl(210, 52%, 80%)
225 #b1bfe7rgb(177, 191, 231)hsl(225, 52%, 80%)
240 #b1b1e7rgb(177, 177, 231)hsl(240, 52%, 80%)
255 #bfb1e7rgb(191, 177, 231)hsl(255, 52%, 80%)
270 #ccb1e7rgb(204, 177, 231)hsl(270, 52%, 80%)
285 #d9b1e7rgb(217, 177, 231)hsl(285, 52%, 80%)
300 #e7b1e7rgb(231, 177, 231)hsl(300, 52%, 80%)
315 #e7b1d9rgb(231, 177, 217)hsl(315, 52%, 80%)
330 #e7b1ccrgb(231, 177, 204)hsl(330, 52%, 80%)
345 #e7b1bfrgb(231, 177, 191)hsl(345, 52%, 80%)
360 #e7b1b1rgb(231, 177, 177)hsl(0, 52%, 80%)


饱和度

sat HexRgbHsl
100% #99f3ffrgb(153, 243, 255)hsl(187, 100%, 80%)
95% #9cf1fcrgb(156, 241, 252)hsl(187, 95%, 80%)
90% #9eeffargb(158, 239, 250)hsl(187, 90%, 80%)
85% #a1edf7rgb(161, 237, 247)hsl(187, 85%, 80%)
80% #a3ebf5rgb(163, 235, 245)hsl(187, 80%, 80%)
75% #a6e9f2rgb(166, 233, 242)hsl(187, 75%, 80%)
70% #a8e7f0rgb(168, 231, 240)hsl(187, 70%, 80%)
65% #abe5edrgb(171, 229, 237)hsl(187, 65%, 80%)
60% #ade3ebrgb(173, 227, 235)hsl(187, 60%, 80%)
55% #b0e2e8rgb(176, 226, 232)hsl(187, 55%, 80%)
52% #b0e0e6rgb(176, 224, 230)hsl(187, 52%, 80%)
50% #b3e0e6rgb(179, 224, 230)hsl(187, 50%, 80%)
45% #b5dee3rgb(181, 222, 227)hsl(187, 45%, 80%)
40% #b8dce0rgb(184, 220, 224)hsl(187, 40%, 80%)
35% #badadergb(186, 218, 222)hsl(187, 35%, 80%)
30% #bdd8dbrgb(189, 216, 219)hsl(187, 30%, 80%)
25% #bfd6d9rgb(191, 214, 217)hsl(187, 25%, 80%)
20% #c2d4d6rgb(194, 212, 214)hsl(187, 20%, 80%)
15% #c4d2d4rgb(196, 210, 212)hsl(187, 15%, 80%)
10% #c7d0d1rgb(199, 208, 209)hsl(187, 10%, 80%)
5% #c9cecfrgb(201, 206, 207)hsl(187, 5%, 80%)
0% #ccccccrgb(204, 204, 204)hsl(187, 0%, 80%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(187, 52%, 100%)
95% #ecf7f9rgb(236, 247, 249)hsl(187, 52%, 95%)
90% #d8f0f3rgb(216, 240, 243)hsl(187, 52%, 90%)
85% #c5e8edrgb(197, 232, 237)hsl(187, 52%, 85%)
80% #b0e0e6rgb(176, 224, 230)hsl(187, 52%, 80%)
75% #9ed9e0rgb(158, 217, 224)hsl(187, 52%, 75%)
70% #8bd1dargb(139, 209, 218)hsl(187, 52%, 70%)
65% #77c9d4rgb(119, 201, 212)hsl(187, 52%, 65%)
60% #64c2cergb(100, 194, 206)hsl(187, 52%, 60%)
55% #51bac8rgb(81, 186, 200)hsl(187, 52%, 55%)
50% #3db2c2rgb(61, 178, 194)hsl(187, 52%, 50%)
45% #37a0aergb(55, 160, 174)hsl(187, 52%, 45%)
40% #318f9brgb(49, 143, 155)hsl(187, 52%, 40%)
35% #2b7d88rgb(43, 125, 136)hsl(187, 52%, 35%)
30% #256b74rgb(37, 107, 116)hsl(187, 52%, 30%)
25% #1f5961rgb(31, 89, 97)hsl(187, 52%, 25%)
20% #18474ergb(24, 71, 78)hsl(187, 52%, 20%)
15% #12353argb(18, 53, 58)hsl(187, 52%, 15%)
10% #0c2427rgb(12, 36, 39)hsl(187, 52%, 10%)
5% #061213rgb(6, 18, 19)hsl(187, 52%, 5%)
0% #000000rgb(0, 0, 0)hsl(187, 52%, 0%)

RGB (Red, Green, Blue)

绿
176 224 230
绿
rgb(176, 224, 230)
#b0e0e6