色の指定
10進数での指定
Photoshop などで描画色や背景色のRGB値を調べて、 R (赤)、G (緑)、B (青) の値をそれぞれ0〜255の段階で表わします。ここで得られた10進数の値を R=r, G=g, B=b とすると、これをそのまま使った色指定は
とします。color:rgb(r,g,b) は PageMill はサポートしていません。BGCOLOR="rgb(50,80,45)" などとソースモードで色を指定しても、入力モードにすると全て #00000 に変えられてしまいます。background:rgb(50,80,45) とする場合もサポートはしていませんが、入力モードにしても変換されることがないので、十分使うことができます。
パーセントでの指定
10進数で得た R (赤)、G (緑)、B (青) の値をそれぞれ0〜100%の階調で表わします。ここで得られた値を R=r%, G=g%, B=b %とすると、パーセントでの色指定は
とします。光の3原色の濃淡から、ある程度直感的に色彩を連想することも不可能ではありませんが、PageMill はサポートしていません。10進数の指定の場合と同じ結果になります。
16進数での指定
10進数で得られたRGB値を16進数に換算し
などとします。経験的には、color:rrggbb としても問題なく表示されました。10進数の0〜9が00〜09に、10〜15が0A〜0Fになりますから、方程式を工夫すれば、案外上手くいくかも。16進数は全てのブラウザであらゆる場合に使え、細かく指定できるので便利ですが、直感的ではないですね。
16階調の指定
R (赤)、G (緑)、B (青) の値をそれぞれ16の階調で16進数で color:#rgb や BGCOLOR="#rgb" などと指定する方法があります。計算上、163=4096色が可能ですが、PageMill はサポートしていません。10進数での指定と同じ結果になります。
Web Safe Color の指定
16進数のR (赤)、G (緑)、B (青) の値をそれぞれ 00, 33, 66, 99, cc, ff の6の階調で指定する Web Safe Colors と呼ばれる方法があります。計算上、63=216色が可能で、これを用いればOSやブラウザによる色化けを予防することができます。実質的に16進数のRGB値ですが、10進数やパーセントでも同じ結果が得られます。 色見本はこちらをご覧ください。
16進数のR (赤)、G (緑)、B (青) の値をそれぞれ 00, 33, 66, 99, cc, ff の6の階調で指定する Web Safe Colors と呼ばれる方法があります。計算上、63=216色が可能で、これを用いればOSやブラウザによる色化けを予防することができます。実質的に16進数のRGB値ですが、10進数やパーセントでも同じ結果が得られます。
事前定義色での指定
16種類の事前に定義された色名で指定します。覚えやすいのですが、中間色がないので不便です。次の色名での指定でも同じですが、aqua に対して cyan、fuchsia に対して magenta をサポートしていないブラウザもあるそうです。
色名での指定
16色の事前定義色を含む140種類の色が名前で指定でき、あらゆる場合に使えます。そのうえ嬉しいことに、色名で指定した背景色を PageMill は16進数のrgb値に自動で書き換えてくれます。color:palegoldenrod の書式ではそのままですが、ソースモードで <BODY BGCOLOR="palegoldenrod"> と入れて編集モードに戻すと、ちゃんと <BODY BGCOLOR="#eee8aa"> に書き替えられています。ただしミススペルは黒になってしまいますから、英語の得意な人は、gray に対して lightgrey だということに注意してください。 color:palegoldenrod や BGCOLOR="palegoldenrod" などとして使います。下の色見本では16進数のrgb値順に縦に配列してあります。ちなみに、このページの背景色は linen です。余裕がある人は、似た色をグラデーションで並べたり、アルファベット順に並べたりしてはいかがですか?
16色の事前定義色を含む140種類の色が名前で指定でき、あらゆる場合に使えます。そのうえ嬉しいことに、色名で指定した背景色を PageMill は16進数のrgb値に自動で書き換えてくれます。color:palegoldenrod の書式ではそのままですが、ソースモードで <BODY BGCOLOR="palegoldenrod"> と入れて編集モードに戻すと、ちゃんと <BODY BGCOLOR="#eee8aa"> に書き替えられています。ただしミススペルは黒になってしまいますから、英語の得意な人は、gray に対して lightgrey だということに注意してください。
などとして使います。下の色見本では16進数のrgb値順に縦に配列してあります。ちなみに、このページの背景色は linen です。余裕がある人は、似た色をグラデーションで並べたり、アルファベット順に並べたりしてはいかがですか?