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 |
用例
XAML
<!--BoxViewで色を指定する場合-->
<BoxView Color="Cyan"/>
C#
BackgroundColor = Color.Cyan;
こんな便利な物もあるみたい('18/3/17追記)
Xamarin.Formsがブラウザで走るXAMLエディタを製作された方がいらっしゃいます。
すごい！！！
— ちょまど@エンジニア兼マンガ家 (@chomado) 2018年3月16日
Web 上で Xamarin .Forms が走る！
WebAssembly を使用だって！ https://t.co/rz2OfnRcco
The amazing @praeclarumhas did it again! Xamarin.Forms running on the Web using WebAssembly! Check out this online sample: https://t.co/ST0Pn0pcxl Try it yourself here https://t.co/oNYxrpQScV pic.twitter.com/mtjobIe8KW
— Miguel de Icaza (@migueldeicaza) 2018年3月15日
ここで実際に動かしてみると更にイメージが付きやすいかも！
XAML Editor
https://s3.amazonaws.com/praeclarum.org/wasm/index.html
参考
(((公式が見本置いてくれれば早い話だよね)))
Xamarin.Forms.Color Structure
https://developer.xamarin.com/api/type/Xamarin.Forms.Color/
-
透明を意味します。
Whiteとは別物です。With the alpha channel set to 0.-公式ページより ↩