カラー設定の使い方

※「セキュリティ保護のため...」というメッセージが出る方・日本語が入力できない方へ
 ■カラー設定の使い方

ffortune.net の掲示板システムに、カラー設定機能を加えました。

【カラー設定の方法】
掲示板の上のほうに並んでいる部屋一覧のところにある「カラー設定」というリンクをクリックし下さい。直接のURLはこちらです。
http://www.ffortune.net/cgi-bin/bbs3/colorset.cgi

設定できるのは下記の４つです。

全体の背景色。
各部屋ごとの背景色
文章の文字の色
ハンドルなどの文字の色

いづれも16進で指定します。たとえば赤は ff0000, 黄色は ffff00なので、そのように指定します。この色の16進コードを得やすいようにするため、上記のページに簡易カラーピッカーを置いています。
　
各色の設定の右側にある「←」ボタンはカラーピッカーの色をその欄にコピーするボタンです。

【設定ボタンの使い方】
　
Testボタンは、色の設定はしません。このcolorset.cgi のページに限ってその色に変えてみますので感じをつかんでください。

確認できたら「設定」ボタンを押すと、そのカラー設定が、使用したパソコンに記録されます。

Defaultボタンはシステムの初期値に戻します。（Defaultで設定したい場合は、Defaultで色が変わった所で設定ボタンを押して下さい）

なお、ウェブでよく使用される色の一覧が表示されているページのリンクもそこに張っています。直接のURLはhttp://www.ffortune.net/comp/hp/ref/color1.htmです。

【カラーピッカーの使い方】
　
Color Wheel の上でクリックすると、その色調と彩度で、明度80の色の16進コードを表示します。あわせて、Color Wheel の下に、明度選択の棒グラフが出ます。

この棒グラフの任意の所をクリックすることで、指定の色の16進コードが表示されます。

RGBまたはHLS値から色を指定することもできます。右側の各欄に直接数字を指定して、変換ボタンを押して下さい。RGB(赤緑青)は各々0～255の値が指定できます。H(彩度)は0～360の値が指定できます。L(明度)とS(彩度)は0～100の値が指定できます。
　
【ＲＧＢとは】

全ての色は「光の三原色」R(赤)G(緑)B(青)を一定の比率で合成することによって作り出すことができます。たとえばR(赤)とG(緑)を同じ比率で混ぜると黄色になります。R(赤)とb(青)なら紫になります。コンピュータやテレビの画面もこの方式でいろいろな色を出しており、通常はR,G,B 各々を0～255の256段階(8bit)で表現する24bit Color (1600万色)というものが使用されています。

【ＨＬＳとは】

ＨＬＳは伝統的な色指定方法のひとつです。色の傾向（色調:H）と明かるさ(明度:L)と鮮やかさ(彩度:S)で色を指定します。明度と彩度は各々0～100の数字で表し、色調はColor Wheel 上の角度(0～360)で指定します。

彩度が100%の色を「純色」といいます。彩度が0%の色は色調によらず灰色になってしまいます。Color Wheel では円の外側が最も彩度が高く、円の中心が彩度0の点になっています。

一方、明度が0の場合は色調・彩度によらず全て黒になってしまいます。このカラー設定画面では Color Wheel を最初から明度80%で表示しています。これは普通行われるように100%の明度で表示してしまうと、まぶしすぎるからです。

彩度と明度は色に詳しくない人にはやや分かりにくい概念かも知れません。たとえば茶色の絵の具に白を混ぜると色は明るくなるが鮮やかさは落ちます。たとえば、青い色の場合、明度と彩度を変えると下記のように色が変化します。

彩度＼明度明度０明度５０明度１００

彩度　　０＿＿黒＿＿灰色＿＿白

彩度　５０＿＿藍色＿＿空色

彩度１００＿＿濃紺＿＿青

　
どんな色も彩度を０にすると灰色になります。明度を０にすると黒になります。純色から始めて、明度を落としていくと次第に「濃い」色になっていきます。逆に彩度を落としていくと次第に「くすんだ」色になっていきます。

彩度＼明度	明度０		明度５０		明度１００
彩度　　０	＿＿	黒	＿＿	灰色	＿＿	白
彩度　５０			＿＿	藍色	＿＿	空色
彩度１００			＿＿	濃紺	＿＿	青