2019-05-30 09:25:26 +08:00
|
|
|
|
# 颜色格式
|
|
|
|
|
|
|
|
|
|
AWTK目前支持以下颜色格式:
|
|
|
|
|
|
|
|
|
|
* 十六机制格式。
|
|
|
|
|
|
|
|
|
|
RGB三个通道分别用两个十六进制的字符表示,alpha通道为0xff(即不透明)。如:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
#ffeedd 表示R、G、B分别为0xff、0xee、0xdd
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
* rgb(R,G,B) 格式。
|
|
|
|
|
|
|
|
|
|
括号中的R、G、B为0到255之间的十进制数,alpha通道为0xff(即不透明)。如:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
rgb(100, 150, 200) 表示R、G、B分别为100、150、200
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
* rgba(R,G,B,A) 格式。
|
|
|
|
|
|
|
|
|
|
这是唯一支持半透明颜色的方式。
|
|
|
|
|
|
|
|
|
|
括号中的R、G、B为0到255之间的十进制数, A的为0到1之间的小数。如:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
rgba(100, 150, 200, 0.5) 表示R、G、B, A分别为100、150、200、0.5
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
> 注意:半透明颜色填充相对于不透明颜色填充,要慢很多,请谨慎使用。
|
|
|
|
|
|
|
|
|
|
* 英文名称。目前支持的颜色名称有:
|
|
|
|
|
|
|
|
|
|
| 名称 | 颜色值 |
|
|
|
|
|
| ---------------- | --------- |
|
|
|
|
|
|aliceblue | #f0f8ff |
|
|
|
|
|
|antiquewhite | #faebd7 |
|
|
|
|
|
|aqua | #00ffff |
|
|
|
|
|
|aquamarine | #7fffd4 |
|
|
|
|
|
|azure | #f0ffff |
|
|
|
|
|
|beige | #f5f5dc |
|
|
|
|
|
|bisque | #ffe4c4 |
|
|
|
|
|
|black | #000000 |
|
|
|
|
|
|blanchedalmond | #ffebcd |
|
|
|
|
|
|blue | #0000ff |
|
|
|
|
|
|blueviolet | #8a2be2 |
|
|
|
|
|
|brown | #a52a2a |
|
|
|
|
|
|burlywood | #deb887 |
|
|
|
|
|
|cadetblue | #5f9ea0 |
|
|
|
|
|
|chartreuse | #7fff00 |
|
|
|
|
|
|chocolate | #d2691e |
|
|
|
|
|
|coral | #ff7f50 |
|
|
|
|
|
|cornflowerblue | #6495ed |
|
|
|
|
|
|cornsilk | #fff8dc |
|
|
|
|
|
|crimson | #dc143c |
|
|
|
|
|
|cyan | #00ffff |
|
|
|
|
|
|darkblue | #00008b |
|
|
|
|
|
|darkcyan | #008b8b |
|
|
|
|
|
|darkgoldenrod | #b8860b |
|
|
|
|
|
|darkgray | #a9a9a9 |
|
|
|
|
|
|darkgreen | #006400 |
|
|
|
|
|
|darkkhaki | #bdb76b |
|
|
|
|
|
|darkmagenta | #8b008b |
|
|
|
|
|
|darkolivegreen | #556b2f |
|
|
|
|
|
|darkorange | #ff8c00 |
|
|
|
|
|
|darkorchid | #9932cc |
|
|
|
|
|
|darkred | #8b0000 |
|
|
|
|
|
|darksalmon | #e9967a |
|
|
|
|
|
|darkseagreen | #8fbc8f |
|
|
|
|
|
|darkslateblue | #483d8b |
|
|
|
|
|
|darkslategray | #2f4f4f |
|
|
|
|
|
|darkturquoise | #00ced1 |
|
|
|
|
|
|darkviolet | #9400d3 |
|
|
|
|
|
|deeppink | #ff1493 |
|
|
|
|
|
|deepskyblue | #00bfff |
|
|
|
|
|
|dimgray | #696969 |
|
|
|
|
|
|dodgerblue | #1e90ff |
|
|
|
|
|
|firebrick | #b22222 |
|
|
|
|
|
|floralwhite | #fffaf0 |
|
|
|
|
|
|forestgreen | #228b22 |
|
|
|
|
|
|fuchsia | #ff00ff |
|
|
|
|
|
|gainsboro | #dcdcdc |
|
|
|
|
|
|ghostwhite | #f8f8ff |
|
|
|
|
|
|gold | #ffd700 |
|
|
|
|
|
|goldenrod | #daa520 |
|
|
|
|
|
|gray | #bebebe |
|
|
|
|
|
|green | #008000 |
|
|
|
|
|
|greenyellow | #adff2f |
|
|
|
|
|
|honeydew | #f0fff0 |
|
|
|
|
|
|hotpink | #ff69b4 |
|
|
|
|
|
|indianred | #cd5c5c |
|
|
|
|
|
|indigo | #4b0082 |
|
|
|
|
|
|ivory | #fffff0 |
|
|
|
|
|
|khaki | #f0d58c |
|
|
|
|
|
|lavender | #e6e6fa |
|
|
|
|
|
|lavenderblush | #fff0f5 |
|
|
|
|
|
|lawngreen | #7cfc00 |
|
|
|
|
|
|lemonchiffon | #fffacd |
|
|
|
|
|
|lightblue | #add8e6 |
|
|
|
|
|
|lightcoral | #f08080 |
|
|
|
|
|
|lightcyan | #e0ffff |
|
|
|
|
|
|lightgoldenrodyellow | #fafad2 |
|
|
|
|
|
|lightgreen | #90ee90 |
|
|
|
|
|
|lightgrey | #d3d3d3 |
|
|
|
|
|
|lightpink | #ffb6c1 |
|
|
|
|
|
|lightsalmon | #ffa07a |
|
|
|
|
|
|lightseagreen | #20b2aa |
|
|
|
|
|
|lightskyblue | #87cefa |
|
|
|
|
|
|lightslategray | #778899 |
|
|
|
|
|
|lightsteelblue | #b0c4de |
|
|
|
|
|
|lightyellow | #ffffe0 |
|
|
|
|
|
|lime | #00ff00 |
|
|
|
|
|
|limegreen | #32cd32 |
|
|
|
|
|
|linen | #faf0e6 |
|
|
|
|
|
|magenta | #ff00ff |
|
|
|
|
|
|maroon | #800000 |
|
|
|
|
|
|mediumaquamarine | #66cdaa |
|
|
|
|
|
|mediumblue | #0000cd |
|
|
|
|
|
|mediumorchid | #ba55d3 |
|
|
|
|
|
|mediumpurple | #9370db |
|
|
|
|
|
|mediumseagreen | #3cb371 |
|
|
|
|
|
|mediumslateblue | #7b68ee |
|
|
|
|
|
|mediumspringgreen | #00fa9a |
|
|
|
|
|
|mediumturquoise | #48d1cc |
|
|
|
|
|
|mediumvioletred | #c71585 |
|
|
|
|
|
|midnightblue | #191970 |
|
|
|
|
|
|mintcream | #f5fffa |
|
|
|
|
|
|mistyrose | #ffe4e1 |
|
|
|
|
|
|moccasin | #ffe4b5 |
|
|
|
|
|
|navajowhite | #ffdead |
|
|
|
|
|
|navy | #000080 |
|
|
|
|
|
|oldlace | #fdf5e6 |
|
|
|
|
|
|olive | #808000 |
|
|
|
|
|
|olivedrab | #6b8e23 |
|
|
|
|
|
|orange | #ffa500 |
|
|
|
|
|
|orangered | #ff4500 |
|
|
|
|
|
|orchid | #da70d6 |
|
|
|
|
|
|palegoldenrod | #eee8aa |
|
|
|
|
|
|palegreen | #98fb98 |
|
|
|
|
|
|paleturquoise | #afeeee |
|
|
|
|
|
|palevioletred | #db7093 |
|
|
|
|
|
|papayawhip | #ffefd5 |
|
|
|
|
|
|peachpuff | #ffdab9 |
|
|
|
|
|
|peru | #cd853f |
|
|
|
|
|
|pink | #ffc0cb |
|
|
|
|
|
|plum | #dda0dd |
|
|
|
|
|
|powderblue | #b0e0e6 |
|
|
|
|
|
|purple | #800080 |
|
|
|
|
|
|red | #ff0000 |
|
|
|
|
|
|rosybrown | #bc8f8f |
|
|
|
|
|
|royalblue | #4169e1 |
|
|
|
|
|
|saddlebrown | #8b4513 |
|
|
|
|
|
|salmon | #fa8072 |
|
|
|
|
|
|sandybrown | #f4a460 |
|
|
|
|
|
|seagreen | #2e8b57 |
|
|
|
|
|
|seashell | #fff5ee |
|
|
|
|
|
|sienna | #a0522d |
|
|
|
|
|
|silver | #c0c0c0 |
|
|
|
|
|
|skyblue | #87ceeb |
|
|
|
|
|
|slateblue | #6a5acd |
|
|
|
|
|
|slategray | #708090 |
|
|
|
|
|
|snow | #fffafa |
|
|
|
|
|
|springgreen | #00ff7f |
|
|
|
|
|
|steelblue | #4682b4 |
|
|
|
|
|
|tan | #d2b48c |
|
|
|
|
|
|teal | #008080 |
|
|
|
|
|
|thistle | #d8bfd8 |
|
|
|
|
|
|tomato | #ff6347 |
|
|
|
|
|
|turquoise | #40e0d0 |
|
|
|
|
|
|violet | #ee82ee |
|
|
|
|
|
|wheat | #f5deb3 |
|
|
|
|
|
|white | #ffffff |
|
|
|
|
|
|whitesmoke | #f5f5f5 |
|
|
|
|
|
|yellow | #ffff00 |
|
2020-08-16 09:10:01 +08:00
|
|
|
|
|yellowgreen | #9acd32 |
|