awtk/docs/color_format.md

177 lines
5.5 KiB
Markdown
Raw Normal View History

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 |