【Xamarin.Forms】Color早見表

2018/03/17追記-「こんな便利な物もあるみたい」を追加

#**「Color」の一覧を見てもイメージがつかない**
なので早見表作りましたとサ。

いつもイメージがつかなくて困っていました。
実機でこのページを開けばイメージが付きやすいのではないでしょうか。

**※この記事は2018/02/25時点の情報で作成しています。**

#**Xamarin.Forms.Color早見表**
見本の「rgb(xxx,xxx,xxx)」は**記事内に見本を表示させるための構文**ですので、
ソースコードには書かないようご注意ください。
ソースコードに書く際の用例は次項をご覧ください。

| 見本 | 名前 |
|--:|:--:|
| `rgb(255,255,255)` | Transparent [^1] |
| `rgb(0,255,255)` | Aqua |
| `rgb(0,0,0)` | Black |
| `rgb(0,0,255)` | Blue |
| `rgb(255,0,255)` | Fuchsia |
| `rgb(128,128,128)` | Gray |
| `rgb(0,128,0)` | Green |
| `rgb(0,255,0)` | Lime |
| `rgb(128,0,0)` | Maroon |
| `rgb(0,0,128)` | Navy |
| `rgb(128,128,0)` | Olive |
| `rgb(255,165,0)` | Orange |
| `rgb(128,0,128)` | Purple |
| `rgb(255, 192, 203)` | Pink |
| `rgb(255,0,0)` | Red |
| `rgb(192,192,192)` | Silver |
| `rgb(0,128,128)` | Teal |
| `rgb(255,255,255)` | White |
| `rgb(255,255,0)` | Yellow |
| `rgb(240,248,255)` | AliceBlue |
| `rgb(250,235,215)` | AntiqueWhite |
| `rgb(127,255,212)` | Aquamarine |
| `rgb(240,255,255)` | Azure |
| `rgb(245,245,220)` | Beige |
| `rgb(255,228,196)` | Bisque |
| `rgb(255,235,205)` | BlanchedAlmond |
| `rgb(138,43,226)` | BlueViolet |
| `rgb(165,42,42)` | Brown |
| `rgb(222,184,135)` | BurlyWood |
| `rgb(95,158,160)` | CadetBlue |
| `rgb(127,255,0)` | Chartreuse |
| `rgb(210,105,30)` | Chocolate |
| `rgb(255,127,80)` | Coral |
| `rgb(100,149,237)` | CornflowerBlue |
| `rgb(255,248,220)` | Cornsilk |
| `rgb(220,20,60)` | Crimson |
| `rgb(0,255,255)` | Cyan |
| `rgb(0,0,139)` | DarkBlue |
| `rgb(0,139,139)` | DarkCyan |
| `rgb(184,134,11)` | DarkGoldenrod |
| `rgb(169,169,169)` | DarkGray |
| `rgb(0,100,0)` | DarkGreen |
| `rgb(189,183,107)` | DarkKhaki |
| `rgb(139,0,139)` | DarkMagenta |
| `rgb(85,107,47)` | DarkOliveGreen |
| `rgb(255,140,0)` | DarkOrange |
| `rgb(153,50,204)` | DarkOrchid |
| `rgb(139,0,0)` | DarkRed |
| `rgb(233,150,122)` | DarkSalmon |
| `rgb(143,188,143)` | DarkSeaGreen |
| `rgb(72,61,139)` | DarkSlateBlue |
| `rgb(47,79,79)` | DarkSlateGray |
| `rgb(0,206,209)` | DarkTurquoise |
| `rgb(148,0,211)` | DarkViolet |
| `rgb(255,20,147)` | DeepPink |
| `rgb(0,191,255)` | DeepSkyBlue |
| `rgb(105,105,105)` | DimGray |
| `rgb(30,144,255)` | DodgerBlue |
| `rgb(178,34,34)` | Firebrick |
| `rgb(255,250,240)` | FloralWhite |
| `rgb(34,139,34)` | ForestGreen |
| `rgb(220,220,220)` | Gainsboro |
| `rgb(248,248,255)` | GhostWhite |
| `rgb(255,215,0)` | Gold |
| `rgb(218,165,32)` | Goldenrod |
| `rgb(173,255,47)` | GreenYellow |
| `rgb(240,255,240)` | Honeydew |
| `rgb(255,105,180)` | HotPink |
| `rgb(205,92,92)` | IndianRed |
| `rgb(75,0,130)` | Indigo |
| `rgb(255,255,240)` | Ivory |
| `rgb(240,230,140)` | Khaki |
| `rgb(230,230,250)` | Lavender |
| `rgb(255,240,245)` | LavenderBlush |
| `rgb(124,252,0)` | LawnGreen |
| `rgb(255,250,205)` | LemonChiffon |
| `rgb(173,216,230)` | LightBlue |
| `rgb(240,128,128)` | LightCoral |
| `rgb(224,255,255)` | LightCyan |
| `rgb(250,250,210)` | LightGoldenrodYellow |
| `rgb(211,211,211)` | LightGray |
| `rgb(144,238,144)` | LightGreen |
| `rgb(255,182,193)` | LightPink |
| `rgb(255,160,122)` | LightSalmon |
| `rgb(32,178,170)` | LightSeaGreen |
| `rgb(135,206,250)` | LightSkyBlue |
| `rgb(119,136,153)` | LightSlateGray |
| `rgb(176,196,222)` | LightSteelBlue |
| `rgb(255,255,224)` | LightYellow |
| `rgb(50,205,50)` | LimeGreen |
| `rgb(250,240,230)` | Linen |
| `rgb(255,0,255)` | Magenta |
| `rgb(102,205,170)` | MediumAquamarine |
| `rgb(0,0,205)` | MediumBlue |
| `rgb(186,85,211)` | MediumOrchid |
| `rgb(147,112,219)` | MediumPurple |
| `rgb(60,179,113)` | MediumSeaGreen |
| `rgb(123,104,238)` | MediumSlateBlue |
| `rgb(0,250,154)` | MediumSpringGreen |
| `rgb(72,209,204)` | MediumTurquoise |
| `rgb(199,21,133)` | MediumVioletRed |
| `rgb(25,25,112)` | MidnightBlue |
| `rgb(245,255,250)` | MintCream |
| `rgb(255,228,225)` | MistyRose |
| `rgb(255,228,181)` | Moccasin |
| `rgb(255,222,173)` | NavajoWhite |
| `rgb(253,245,230)` | OldLace |
| `rgb(107,142,35)` | OliveDrab |
| `rgb(255,69,0)` | OrangeRed |
| `rgb(218,112,214)` | Orchid |
| `rgb(238,232,170)` | PaleGoldenrod |
| `rgb(152,251,152)` | PaleGreen |
| `rgb(175,238,238)` | PaleTurquoise |
| `rgb(219,112,147)` | PaleVioletRed |
| `rgb(255,239,213)` | PapayaWhip |
| `rgb(255,218,185)` | PeachPuff |
| `rgb(205,133,63)` | Peru |
| `rgb(221,160,221)` | Plum |
| `rgb(176,224,230)` | PowderBlue |
| `rgb(188,143,143)` | RosyBrown |
| `rgb(65,105,225)` | RoyalBlue |
| `rgb(139,69,19)` | SaddleBrown |
| `rgb(250,128,114)` | Salmon |
| `rgb(244,164,96)` | SandyBrown |
| `rgb(46,139,87)` | SeaGreen |
| `rgb(255,245,238)` | SeaShell |
| `rgb(160,82,45)` | Sienna |
| `rgb(135,206,235)` | SkyBlue |
| `rgb(106,90,205)` | SlateBlue |
| `rgb(112,128,144)` | SlateGray |
| `rgb(255,250,250)` | Snow |
| `rgb(0,255,127)` | SpringGreen |
| `rgb(70,130,180)` | SteelBlue |
| `rgb(210,180,140)` | Tan |
| `rgb(216,191,216)` | Thistle |
| `rgb(255,99,71)` | Tomato |
| `rgb(64,224,208)` | Turquoise |
| `rgb(238,130,238)` | Violet |
| `rgb(245,222,179)` | Wheat |
| `rgb(245,245,245)` | WhiteSmoke |
| `rgb(154,205,50)` | YellowGreen |

[^1]: 透明を意味します。`White`とは別物です。`With the alpha channel set to 0.`-公式ページより

#**用例**
```XML:XAML
<!--BoxViewで色を指定する場合-->
<BoxView Color="Cyan"/>
```
```Csharp:C#
BackgroundColor = Color.Cyan;
```

#**こんな便利な物もあるみたい('18/3/17追記)**
Xamarin.Formsがブラウザで走るXAMLエディタを製作された方がいらっしゃいます。

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">すごい！！！<br>Web 上で Xamarin .Forms が走る！<br>WebAssembly を使用だって！ <a href="https://t.co/rz2OfnRcco">https://t.co/rz2OfnRcco</a></p>&mdash; ちょまど@エンジニア兼マンガ家 (@chomado) <a href="https://twitter.com/chomado/status/974496923699765249?ref_src=twsrc%5Etfw">2018年3月16日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet" data-lang="ja"><p lang="en" dir="ltr">The amazing @praeclarumhas did it again!   Xamarin.Forms running on the Web using WebAssembly!   Check out this online sample: <a href="https://t.co/ST0Pn0pcxl">https://t.co/ST0Pn0pcxl</a>  Try it yourself here <a href="https://t.co/oNYxrpQScV">https://t.co/oNYxrpQScV</a> <a href="https://t.co/mtjobIe8KW">pic.twitter.com/mtjobIe8KW</a></p>&mdash; Miguel de Icaza (@migueldeicaza) <a href="https://twitter.com/migueldeicaza/status/974336811353899009?ref_src=twsrc%5Etfw">2018年3月15日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


ここで実際に動かしてみると更にイメージが付きやすいかも！
>XAML Editor
>https://s3.amazonaws.com/praeclarum.org/wasm/index.html

#**参考**
(((公式が見本置いてくれれば早い話だよね)))
>Xamarin.Forms.Color Structure
>https://developer.xamarin.com/api/type/Xamarin.Forms.Color/