色見本のソースを表示

== テキストに色を付ける ==
: テキストや背景 (バックグラウンド)に色を付ける際の参考です。
<br>
:'''「色の名前」で指定'''
:　文字の色を指定するには、spanタグのstyle属性に「色名」を記載します。
:　例えば、
:　<nowiki><span style="color:red;">赤字</span></nowiki>
:　とすると<span style="color:red;">赤字</span>になります。
:　「red」のような「色名」には以下のものがあります。
<br>
:'''記述例'''
:　<nowiki><span style="color:black;">黒</span></nowiki><br>
:　<nowiki><span style="color:gray;">灰色</span></nowiki><br>
:　<nowiki><span style="color:silver;">銀色</span></nowiki><br>
:　<nowiki><span style="background:black; color:white;">白</span></nowiki><br>
:　<nowiki><span style="color:blue;">青</span></nowiki><br>
:　<nowiki><span style="color:navy;">濃紺</span></nowiki><br>
:　<nowiki><span style="color:teal;">青緑</span></nowiki><br>
:　<nowiki><span style="color:green;">緑</span></nowiki><br>
:　<nowiki><span style="color:lime;">黄緑</span></nowiki><br>
:　<nowiki><span style="color:aqua;">水色</span></nowiki><br>
:　<nowiki><span style="background:navy; color:yellow;">黄色</span></nowiki><br>
:　<nowiki><span style="color:fuchsia;">マゼンタ</span></nowiki><br>
:　<nowiki><span style="color:olive;">オリーブ</span></nowiki><br>
:　<nowiki><span style="color:purple;">紫</span></nowiki><br>
:　<nowiki><span style="color:maroon;">茶色</span></nowiki><br>
:　　　　脚注：「teal<ref>マガモの頭の羽の色からとられた名前。近年、組織のあり方を色分けした最上位の「ティールな組織」という言葉をお聞きになられた方もいらっしゃるでしょう。</ref>」「fuchsia<ref>赤紫色のことである。アカバナ科の植物フクシアの花の色にちなんで名づけられたが「フューシャ」と呼ばれることも多い。色の三原色の一つ「magenta：マゼンタ」とも呼ばれる。マゼンタの由来：1859年のマジェンタの戦い (サルデーニャ王国とフランスの連合軍が、オーストリア＝ハンガリー帝国軍に勝利をおさめた戦い)とほぼ同時期に発見された染料だったためこの名が付いた。</ref>」

:'''表示'''
　　<span style="color:black;">黒</span>
　<span style="color:gray;">灰色</span>
　<span style="color:silver;">銀色</span>
　<span style="background:black; color:white;">白</span>
　<span style="color:blue;">青</span>
　<span style="color:navy;">濃紺</span>
　<span style="color:teal;">青緑</span>
　<span style="color:green;">緑</span>
　<span style="color:lime;">黄緑</span>
　<span style="color:aqua;">水色</span>
　<span style="background:navy; color:yellow;">黄色</span>
　<span style="color:fuchsia;">マゼンタ</span>
　<span style="color:olive;">オリーブ</span>
　<span style="color:purple;">紫</span>
　<span style="color:maroon;">茶色</span>
: 「白」と「黄色」の文字には、それぞれ「黒："background:black;"」、「濃紺："background:navy;"」の背景色を付けています。
<br><br>

== その他の色の名前 ==
: 色の名前にはまだまだあります。例えば、
:　<nowiki><span style="background:lemonchiffon;">浅黄色　　　　　　</span></nowiki><br>
　　<span style="background:lemonchiffon;">浅黄色　　　　　　</span>
<br>
:　なんて色も出せます。「色名」には、全部で140色あるそうです。
:　詳しくはこちらを → [[#カラーサンプル| 「カラーサンプル」]]
<br><br>
=== '''「色名」に無い色は「16進カラーコード」で指定''' ===
:　また色を「名前」で指定する代わりに「#F5F5F5」のような16進カラーコードで指定することもできます。

:　これを使えば「色名」に無い色「1677万色」が使えます。
:　しかし、MediaWikiでは派手な色使いは'''推奨されません'''ので、控えめに、そしてスマートに作りましょう！
<br>
:'''記入例'''
:　<nowiki><span style="color:#8D6449">枯茶色</span></nowiki>
:　<nowiki><span style="color:#FFD900">蒲公英(たんぽぽ)色</span></nowiki>
:　<nowiki><span style="color:#7058A3">菫(すみれ)色</span></nowiki>
:　背景色を羊羹(ようかん)色に設定
:　<nowiki><span style="background:#383C3C;color:#DBD0E6">白藤色　　</span></nowiki>

:'''表示'''
:　<span style="color:#8D6449">枯茶色</span><br>
:　<span style="color:#FFD900">蒲公英(たんぽぽ)色</span><br>
:　<span style="color:#7058A3">菫(すみれ)色</span><br>
:　背景色を羊羹(ようかん)色に設定<br>
:　<span style="background:#383C3C;color:#DBD0E6">白藤色　　</span><br>

<br>
<br>

=== カラーサンプル ===
:MediaWikiでは派手な色使いは'''推奨されません'''とは言うものの、個性的な色使いをしたい方もいらっしゃるでしょう。
:そのような方のために以下に「色名(Color Name)」と「16進カラーコード」の一覧表です。
:'''一覧表を表示するには、下のボタンをクリック'''
<span class="mw-customtoggle-myColorTable koyama-button-h" style="padding:0 7px 0 7px; text-align:center; margin:0 1em 0 3em">一覧表の表示/非表示</span>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myColorTable" style="margin:0 1em 0 3em">
{{ColorSample}}
</div>
<br>

----

=== 色に関する情報について ===
:'''「色名」に無い色を使いたい'''
:「色名」に無い色を指定したい場合は、「16進カラーコード」を組み合わせて作成します。
:「16進カラーコード」については、以下のリンク先情報を参照ください。
<br>
:'''この16進コードはどんな色かな？'''
:「16進カラーコード」に対する実際の色を確認したい場合は、https://www.peko-step.com/tool/tfcolor.html
<br>
:'''この色を使いたいが、16進コードは？'''
:逆に、好きな色からカラーコードを知りたい場合は「HTML Color Code」https://html-color-codes.info/japanese/ が便利。
<br>

:また、「原色大辞典」https://www.colordic.org/ というサイトも参考になります。
<br><br>
=== 質問・ご意見はこちら ===
:[mailto:wiki_admin@koyamadai100.jp お問い合わせ・ご意見のメールはこちら]
<br>
:上記リンクをクリックしてもメールソフトが起動しない場合は、以下のアドレスをコピーしてメールソフトの「宛先」に貼り付けてください。
:　【担当者メールアドレス】wiki_admin@koyamadai100.jp
<br><br>
----
:　[[テキスト整形方法について| ←「3. テキスト整形方法について」]]　　　[[テキスト編集ツール| ←「4. テキスト編集ツール」]]　　　[[【重要】ログアウトに注意！| →「6. 【重要】ログアウトに注意！」]]　　　[[リンク作成方法について| →「7. リンク作成方法について」]]
:　[[#top| ↑ページトップへ]]　　　　[[メインページ#編集者のためのヘルプ　ヘルプを表示／非表示| ↑↑「メインページ」の「編集者のためのヘルプ」に戻る]]　　　[[メインページ| ↑↑「メインページ」トップに戻る]]

----
脚注：　<references/>
<br>
･<br>
<div Align="right">
<span style="color:white;">
{{REVISIONYEAR}}年{{REVISIONMONTH1}}月{{REVISIONDAY}}日：直近編集者：{{REVISIONUSER}}<br>
TimeStamp：{{REVISIONTIMESTAMP}}
</span>
</div>