カラーチャート

[統計] HTMLからXHTMLへの移行を進めていますか?


カラーチャート

カラーネーム 147色

147色のカラーネーム一覧と、それぞれのカラーコード一覧です。

標準 16色

HTMLで定義されている基本色。この16色は、古いブラウザでもカラーネームを解釈することができます。

Web Safeカラー 216色

安心して使える216色。標準16色とこのセーフカラーは、異なる環境で見ても同じ色で表示されます。

12色の色相環と補色

色相環(12色)のカラーコードと補色の表示サンプル。


色の組み合わせチェック

背景色と文字色

背景色と文字色の組み合わせを、簡単な操作でチェックすることができます。

スクロールバーの色

スクロールバーの色指定を細かくチェックできます(IE5.5以上)。背景色との組み合わせもチェック可能。

ボックスの色

ヘッダ、サイドバー、メイン、フッタの色を選択して、ページ全体の配色をチェックできます。

テキスト広告の色

広告ユニットの色をチェックできる他、背景色との組み合わせもチェックできます。


表示される色によっては、目にきつい場合があるのでご注意ください。部屋を明るくし、モニターから目を離してご利用になってください。

色の指定方法

色の指定は、シャープ( # )で始まる6桁のカラーコードか、redやgreen、whiteといったカラーネームで行います。

COLOR="#FF0000"
COLOR="red"

カラーネームの方が手軽に指定できますが、できるだけカラーコードで指定することをおすすめします。

カラーコードの意味

6桁のカラーコードには、次のような意味があります。

#FFFFFF

最初の2桁が、中央の2桁が、最後の2桁が、という順番で並んでおり、この光の三原色を 00FF までの16進数で指定して、色を調節します。

00 に近いほどその色は弱くなり、FF に近いほどその色が強調されます。

例えば、

  • 赤をFF(最大)にして、緑と青を00(最小)に指定すると、赤色になります。
    #FF0000
  • 赤、緑、青をすべてFF(最大)に指定すると、白色になります。
    #FFFFFF
  • 赤、緑、青をすべて00(最小)に指定すると、黒色になります。
    #000000

[特集] レンタルサーバー比較 & サーバー選びのチェックポイント