Wiki/色

Last-modified: 2023-12-16 (土) 09:23:23

リンク色

Autolinkありの場合の見え方

書き方見え方説明
整形ルール整形ルール普通に記述。Autolinkなのでリンクになる。
[[整形ルール]]整形ルールブラケットでリンク指定
&color(Red){整形ルール};整形ルールインライン要素に組み込まれるとAutolinkされない。Autolink外したいときはこれ
&color(Red){[[整形ルール]]};整形ルールリンクになるがブラウザーの既読色に上書きされる
[[&color(Red){整形ルール};]][[整形ルール]]リンクにならない。未定義?も出ない。
[[&color(Red){整形ルール};>整形ルール]]整形ルールこの方法はリンクされた文字の色を指定できる
  • マルチライン
書き方
#color(Red){{
整形ルール
}}
見え方
説明
マルチラインはAutolinkの対象
  • テーブル↓
書き方
|COLOR(Red):整形ルール|
見え方
説明
テーブルはAutolinkの対象

特殊色

  • 透明
    キーワード見え方説明
    transparent文字透明文字
  • 現在の色
書き方
#color(red){{
文字
|BGCOLOR(currentcolor):文字|
|COLOR(Black):BGCOLOR(currentcolor):文字|
文字
}}
見え方

文字

文字
文字

文字

表書式
キーワード書き方見え方説明
currentcolorBGCOLOR(currentcolor):文字の基本色が見える
c書式指定行BGCOLOR(red):書式指定行で背景赤を指定
背景指定なし赤が見える
currentcolorBGCOLOR(currentcolor):基本色になる
背景指定なし
c書式指定行COLOR(red):書式指定行で背景赤を指定
文字指定なし文字赤が見える
currentcolorCOLOR(currentcolor):文字基本色になる

システム色

https://developer.mozilla.org/ja/docs/Web/CSS/color_value#system_colors
OSやブラウザーによって見え方が異なる

キーワード背景文字説明
ActiveText文字アクティブなリンクのテキスト
ButtonFace文字プッシュボタンの背景
ButtonText文字プッシュボタンのテキスト
Canvas文字プリケーションのコンテンツや文書の背景
CanvasText文字アプリケーションのコンテンツや文書のテキスト
Field文字入力フィールドの背景
FieldText文字入力フィールドのテキスト
GrayText文字無効なテキスト
Highlight文字コントロールの中で選択されているアイテムの背景
HighlightText文字コントロールの中で選択されているアイテムのテキスト
LinkText文字アクティブではない、訪問していないリンクのテキスト
VisitedText文字訪問したリンクのテキスト

色見本

基本

BGCOLOR(#FFFFF0)薄い黄
BGCOLOR(#F0FFFF)薄い青
BGCOLOR(#FFF0FF)薄い赤
BGBGCOLOR()色指定なし
BGCOLOR(transparent)透明
BGCOLOR(#EEEEEE)ヘッダー薄い
BGCOLOR(#DCDCD6)ヘッダー濃い

fe

BGCOLOR(#ffe)
BGCOLOR(#fee)
BGCOLOR(#fef)
BGCOLOR(#eef)
BGCOLOR(#eff)
BGCOLOR(#efe)

fd

BGCOLOR(#ffd)BGCOLOR(#fed)
BGCOLOR(#fdd)BGCOLOR(#fde)
BGCOLOR(#fdf)BGCOLOR(#edf)
BGCOLOR(#ddf)BGCOLOR(#def)
BGCOLOR(#dff)BGCOLOR(#dfe)
BGCOLOR(#dfd)BGCOLOR(#efd)

fc

BGCOLOR(#ffc)BGCOLOR(#fec)BGCOLOR(#fdc)
BGCOLOR(#fcc)BGCOLOR(#fcd)BGCOLOR(#fce)
BGCOLOR(#fcf)BGCOLOR(#ecf)BGCOLOR(#dcf)
BGCOLOR(#ccf)BGCOLOR(#cdf)BGCOLOR(#cef)
BGCOLOR(#cff)BGCOLOR(#cfe)BGCOLOR(#cfd)
BGCOLOR(#cfc)BGCOLOR(#dfc)BGCOLOR(#efc)

6色

BGCOLOR(#FAA):
BGCOLOR(#FFA):
BGCOLOR(#0CF):
BGCOLOR(#AFA):
BGCOLOR(#FA0):
BGCOLOR(#FAF):