ニコニコ大百科:CSSでの色指定

ニコニコ大百科編集時にHTML要素に対してCSSで色指定を行う方法について記載する。

概要

ニコニコ大百科では編集の際、HTMLエディタ上及びCSSで色指定が可能である。

HTMLエディタ

HTMLエディタでは細かい指定は出来ないが、文字色と背景色の指定は可能である。

CSS

スタイルシートを直接編集する場合は、#444や#4c4c4cのように、#の後に3桁または6桁の16進数で指定する。

それ以外に、red, oragneなど色の英語名を用いて指定することも可能だが、後述のように指定するとプレビュー段階で使用できないと指摘される色名がある。上記のように16進数で指定できるので困ることはないが、直感的にわかりやすい色名で指定したい場合には注意を要する。

一般のCSSでは他にrgb, rgba, hsl, hslaによる指定が可能だが、ニコニコ大百科(2020年4月現在の仕様)ではrgb+0-255で指定した場合は、HTMLエディタを有効に切り替えた段階で16進数に強制変換される。rgb+%指定はそのまま投稿できるようだ。rgba, hsl, hslaによる指定は指定直後は機能しているように見えるが、プレビューに移動する段階でそれより後にあるスタイルシートの指定まで巻き添えで削除される。

考えられるケースとしては他のソフトウェア上でHTMLを下書きして大百科に貼り付けた場合、問題を生じる可能性がある。

関連項目

• ニコニコ大百科
• ニコニコ大百科:HTMLエディタヘルプ
• ニコニコ大百科:HTMLタグ一覧
• ニコニコ大百科:HTML各要素のデフォルトCSS
• ニコニコ大百科:グラフ機能
• HTML / CSS

付録: 指定可能な色名のリスト

全ブラウザで使用可能といわれている140色のうち、以下の121色とtransparentが指定可能。他にもあるかもしれないが、ブラウザ依存になる可能性があるため避けて16進数を使ったほうが無難であろう。

monospaceフォントが指定できないため準備中

付録: 指定できない色名のリスト

以下の19色はプレビュー段階でエラーとして指摘される。

"lightsteelblue", "orangered", "lightslategray", "lightgray", "whitesmoke", "aquamarine", "goldenrod", "fuchsia", "blanchedalmond", "lightskyblue", "lightblue", "greenyellow", "powderblue", "limegreen", "yellowgreen", "lavenderblush", "olivedrab", "blueviolet", "lightseagreen"

付録: HTMLエディタで初期から選択可能な色のリスト

準備中