カラーチャート/カラーネーム

カラーチャート  


ホームページ用の色見本です。文字やバックグラウンドに指定する色についてサンプルと共にご案内しております。どうぞご活用ください。(^_^)

 ▼ ベーシックカラー

HTML3.2 で色名が定義されている基本の16色です。

をクリックすると、左右のバックグラウンドの色がその色に変わります。

■■■■ White (#FFFFFF) ■■■■ Gray (#808080)
■■■■ Silver (#C0C0C0) ■■■■ Black (#000000)
■■■■ Red (#FF0000) ■■■■ Maroon (#800000)
■■■■ Lime (#00FF00) ■■■■ Green (#008000)
■■■■ Blue (#0000FF) ■■■■ Navy (#000080)
■■■■ Yellow (#FFFF00) ■■■■ Olive (#808000)
■■■■ Fuchsia (#FF00FF) ■■■■ Purple (#800080)
■■■■ Aqua (#00FFFF) ■■■■ Teal (#008080)

他にも 色名で指定できる色 はありますが、上記以外の色は、それぞれ括弧内にあるような RGB を 16進法で表記した6桁の英数字で指定した方が HTML の文法上良いみたいです。

色名、16進方表記とも、大文字小文字の区別はありません。


ルームフレグランス【 HYPNO101.JP 】/イタルセント (ITALSCENT)  HYPNO 101 CASA 専門店 メタルマートオリジナル ロケットキャンドルホルダー

 ▼ 指定ページのバックグラウンドカラー変更

ご指定のページのバックグラウンドを、ご指定の色に変えて別ウインドウで表示します。アドレス(URL)と色名(半角英字)、または RGB の16進方表記(半角英数字)を記入し をクリックしてください。

 
アドレスを指定:
希望の色を指定: ※半角英数字   
 

このプログラムは指定先の HTML ソースの BODY タグに、バックグラウンドカラー指定を入れて表示する様になっています。その他の部分(例えばテーブル等)で背景色指定されているソースに対しては無効です。

!表示されたページ中のリンクから先も、同じ色で表示されるはずです。

リンク先がプログラムで変数を渡すような場合には対応していません。

JavaScript を含んでるページはうまくいかないところもあるかもです。

HTML の文法が間違っていたりしても、色が変わらない事があります。

Blog のページは、苦手みたいです。(^_^;


ロケットくん実験室へ Go!

 ▼ モノトーンサンプル

RGB すべてを同じ数値で指定した場合のサンプルです。

#000000 #111111 #222222 #333333
#444444 #555555 #666666 #777777
#888888 #999999 #AAAAAA #BBBBBB
#CCCCCC #DDDDDD #EEEEEE #FFFFFF
#000000 #111111 #222222 #333333
#444444 #555555 #666666 #777777
#888888 #999999 #AAAAAA #BBBBBB
#CCCCCC #DDDDDD #EEEEEE #FFFFFF"

 ▼ 基本色明暗サンプル

基本?6色を明るい方から暗い方まで並べてみました。

  EEEEFF
  DDDDFF
  CCCCFF
  BBBBFF
  AAAAFF
  9999FF
  8888FF
  7777FF
  6666FF
  5555FF
  4444FF
  3333FF
  2222FF
  1111FF

  0000FF

  0000EE
  0000DD
  0000CC
  0000BB
  0000AA
  000099
  000088
  000077
  000066
  000055
  000044
  000033
  000022
  000011
  EEFFFF
  DDFFFF
  CCFFFF
  BBFFFF
  AAFFFF
  99FFFF
  88FFFF
  77FFFF
  66FFFF
  55FFFF
  44FFFF
  33FFFF
  22FFFF
  11FFFF

  00FFFF

  00EEEE
  00DDDD
  00CCCC
  00BBBB
  00AAAA
  009999
  008888
  007777
  006666
  005555
  004444
  003333
  002222
  001111
  EEFFEE
  DDFFDD
  CCFFCC
  BBFFBB
  AAFFAA
  99FF99
  88FF88
  77FF77
  66FF66
  55FF55
  44FF44
  33FF33
  22FF22
  11FF11

  00FF00

  00EE00
  00DD00
  00CC00
  00BB00
  00AA00
  009900
  008800
  007700
  006600
  005500
  004400
  003300
  002200
  001100
  FFFFEE
  FFFFDD
  FFFFCC
  FFFFBB
  FFFFAA
  FFFF99
  FFFF88
  FFFF77
  FFFF66
  FFFF55
  FFFF44
  FFFF33
  FFFF22
  FFFF11

  FFFF00

  EEEE00
  DDDD00
  CCCC00
  BBBB00
  AAAA00
  999900
  888800
  777700
  666600
  555500
  444400
  333300
  222200
  111100
  FFEEEE
  FFDDDD
  FFCCCC
  FFBBBB
  FFAAAA
  FF9999
  FF8888
  FF7777
  FF6666
  FF5555
  FF4444
  FF3333
  FF2222
  FF1111

  FF0000

  EE0000
  DD0000
  CC0000
  BB0000
  AA0000
  990000
  880000
  770000
  660000
  550000
  440000
  330000
  220000
  110000
  FFEEFF
  FFDDFF
  FFCCFF
  FFBBFF
  FFAAFF
  FF99FF
  FF88FF
  FF77FF
  FF66FF
  FF55FF
  FF44FF
  FF33FF
  FF22FF
  FF11FF

  FF00FF

  EE00EE
  DD00DD
  CC00CC
  BB00BB
  AA00AA
  990099
  880088
  770077
  660066
  550055
  440044
  330033
  220022
  110011

 ▼ 補足説明

6ケタの英数字は、16進数(0〜F)で2桁ずつ赤、緑、青(RRGGBB)の順で記述され、組み合わせでフルカラー(1670万色)を表せます。

16×16×16×16×16×16=16,777,216

例:<body bgcolor="#FFFFFF">白バック</body>(地の色)
 :<body style="background-color: #ffffff;">白バック</body>(地の色)

例:<span color="#000000">この文字が黒くなる</span>(文字の色)
 :<span style="color: #000000;">この文字が黒くなる</span>(文字の色)

FFFFFFは3色とも最高発光状態で白、000000は3色消灯で黒、つまり0〜Fは発光の強さで、光の3原色、赤、緑、青のそれぞれ 256段階の組み合わせで、約 1670 万組みあるということですね。


色名で指定できる色の一覧「カラーネームチャート」はこちら...

STAINLESS PLANTER SQUARE
DYNAMO LANTERN TOACH LIGHT
KEY RING ROUND
3 BALL HEAD FLOOR LAMP
AIR PLANE DC-3
BAR STOOL CLIPPER
SPICE BOTTLE & RACK
EYEGRASSES HOLDER
MULTI REMOCON
FRAME PENDANT
DULTON WALL CLOCK
STAINLESS COCKTAIL SHAKER
CYLINDER ASHTRAY
TABLE LAMP FROZEN
DOUBLE DUST BOX
STAINLESS DOUBLE MUG
SANITARY COCO SERISE
TABLE CLOCK CAMEL
HORN CLIP LAMP
MINI PARSONAL FAN HEATER
ROUND GRASS PAPER WEIGHT
EGG SHELL CUTTER
DOUBLE DOOR HOOK
PENDANT LAMP SCENE


ー 広告 ー

ルームフレグランス
【HYPNO101.JP】


ひな人形専門店
【雛人形の光堂】


コンバージョンアップには
ランディングページ
ASPツール「DLPO」

資産運用に必要な外国
為替情報とFXツールで
あなたの外為取引を
サポートマネースクウェア


カラーチャートページ更新