カラーの見本｜無料ホームページテンプレートの素材屋

Home≫カラーの見本

≪ 作成練習場	【 HOME 】	お問い合わせ ≫

カラーの見本

ホームページの基本色は下のカラー表の１マス内にあるような英数字6文字で表現します。色を指定するHTMLタグやCSS（スタイルシート）の値に、下のマス内の6文字の英数字を入力して色をつけます。

素材の色を変更したいという方は、下のカラー表の6文字の英数字をコピーして使って下さい。

色の指定方法

（暗） 0 → 1 → 2 → 3 → 4 → 5 → 6 → 7 → 8 → 9 → a → b → c → d → e → f （明）

０になるほど暗くて、Ｆになるほど明るい色になります。これらを６桁組み合わせます。
左の２桁の英数字を明るく指定して、残りの４桁を暗くしたら赤色系の色になります。 #ff0000
中の２桁の英数字を明るく指定して、残りの４桁を暗くしたら緑色系の色になります。 #00ff00
右の２桁の英数字を明るく指定して、残りの４桁を暗くしたら青色系の色になります。 #0000ff
赤部分、緑部分、青部分のバランスを調整することでいろんな色を表現することができます。

サンプルは2文字ずつ同じ英数字になっていますが、 #f88423 このように細かく指定することもできます。
2文字ずつの1つめの英数字が十の位、2つめが一の位と考えて 0～f を指定すると分かり易いです。
細かい色の違いを出すには一の位を少し変えてください。

スタイルシート（CSS）に色を指定する場合は 2桁の英数字が同じ場合
例： #ffaa00　→　#fa0
このように省略することができます。HTMLの方では対応しておりません。

カラー表・色サンプル

	#ffffff
	#eeeeee
	#dddddd
	#cccccc
	#bbbbbb
	#aaaaaa
	#999999
	#555555
	#777777
	#666666
	#555555
	#444444
	#333333
	#222222
	#111111
	#000000

	#ffffff
	#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
	#000000

	#ffffff
	#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
	#000000

	#ffffff
	#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
	#000000

	#ffffff
	#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
	#000000

	#ffffff
	#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
	#000000

	#ffffff
	#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
	#000000

#ffffff

#ffffee

#ffffdd

#ffffcc

#ffffbb

#ffffaa

#ffff99

#ffff88

#ffff77

#ffff66

#ffff55

#ffff44

#ffff33

#ffff22

#ffff11

#ffff00

#eeffff

#eeffee

#eeffdd

#eeffcc

#eeffbb

#eeffaa

#eeff99

#eeff88

#eeff77

#eeff66

#eeff55

#eeff44

#eeff33

#eeff22

#eeff11

#eeff00

#ddffff

#ddffee

#ddffdd

#ddffcc

#ddffbb

#ddffaa

#ddff99

#ddff88

#ddff77

#ddff66

#ddff55

#ddff44

#ddff33

#ddff22

#ddff11

#ddff00

#ccffff

#ccffee

#ccffdd

#ccffcc

#ccffbb

#ccffaa

#ccff99

#ccff88

#ccff77

#ccff66

#ccff55

#ccff44

#ccff33

#ccff22

#ccff11

#ccff00

#bbffff

#bbffee

#bbffdd

#bbffcc

#bbffbb

#bbffaa

#bbff99

#bbff88

#bbff77

#bbff66

#bbff55

#bbff44

#bbff33

#bbff22

#bbff11

#bbff00

#aaffff

#aaffee

#aaffdd

#aaffcc

#aaffbb

#aaffaa

#aaff99

#aaff88

#aaff77

#aaff66

#aaff55

#aaff44

#aaff33

#aaff22

#aaff11

#aaff00

#99ffff

#99ffee

#99ffdd

#99ffcc

#99ffbb

#99ffaa

#99ff99

#99ff88

#99ff77

#99ff66

#99ff55

#99ff44

#99ff33

#99ff22

#99ff11

#99ff00

#88ffff

#88ffee

#88ffdd

#88ffcc

#88ffbb

#88ffaa

#88ff99

#88ff88

#88ff77

#88ff66

#88ff55

#88ff44

#88ff33

#88ff22

#88ff11

#88ff00

#77ffff

#77ffee

#77ffdd

#77ffcc

#77ffbb

#77ffaa

#77ff99

#77ff88

#77ff77

#77ff66

#77ff55

#77ff44

#77ff33

#77ff22

#77ff11

#77ff00

#66ffff

#66ffee

#66ffdd

#66ffcc

#66ffbb

#66ffaa

#66ff99

#66ff88

#66ff77

#66ff66

#66ff55

#66ff44

#66ff33

#66ff22

#66ff11

#66ff00

#55ffff

#55ffee

#55ffdd

#55ffcc

#55ffbb

#55ffaa

#55ff99

#55ff88

#55ff77

#55ff66

#55ff55

#55ff44

#55ff33

#55ff22

#55ff11

#55ff00

#44ffff

#44ffee

#44ffdd

#44ffcc

#44ffbb

#44ffaa

#44ff99

#44ff88

#44ff77

#44ff66

#44ff55

#44ff44

#44ff33

#44ff22

#44ff11

#44ff00

#33ffff

#33ffee

#33ffdd

#33ffcc

#33ffbb

#33ffaa

#33ff99

#33ff88

#33ff77

#33ff66

#33ff55

#33ff44

#33ff33

#33ff22

#33ff11

#33ff00

#22ffff

#22ffee

#22ffdd

#22ffcc

#22ffbb

#22ffaa

#22ff99

#22ff88

#22ff77

#22ff66

#22ff55

#22ff44

#22ff33

#22ff22

#22ff11

#22ff00

#11ffff

#11ffee

#11ffdd

#11ffcc

#11ffbb

#11ffaa

#11ff99

#11ff88

#11ff77

#11ff66

#11ff55

#11ff44

#11ff33

#11ff22

#11ff11

#11ff00

#00ffff

#00ffee

#00ffdd

#00ffcc

#00ffbb

#00ffaa

#00ff99

#00ff88

#00ff77

#00ff66

#00ff55

#00ff44

#00ff33

#00ff22

#00ff11

#00ff00

#00eeff

#00eeee

#00eedd

#00eecc

#00eebb

#00eeaa

#00ee99

#00ee88

#00ee77

#00ee66

#00ee55

#00ee44

#00ee33

#00ee22

#00ee11

#00ee00

#00ddff

#00ddee

#00dddd

#00ddcc

#00ddbb

#00ddaa

#00dd99

#00dd88

#00dd77

#00dd66

#00dd55

#00dd44

#00dd33

#00dd22

#00dd11

#00dd00

#00ccff

#00ccee

#00ccdd

#00cccc

#00ccbb

#00ccaa

#00cc99

#00cc88

#00cc77

#00cc66

#00cc55

#00cc44

#00cc33

#00cc22

#00cc11

#00cc00

#00bbff

#00bbee

#00bbdd

#00bbcc

#00bbbb

#00bbaa

#00bb99

#00bb88

#00bb77

#00bb66

#00bb55

#00bb44

#00bb33

#00bb22

#00bb11

#00bb00

#00aaff

#00aaee

#00aadd

#00aacc

#00aabb

#00aaaa

#00aa99

#00aa88

#00aa77

#00aa66

#00aa55

#00aa44

#00aa33

#00aa22

#00aa11

#00aa00

#0099ff

#0099ee

#0099dd

#0099cc

#0099bb

#0099aa

#009999

#009988

#009977

#009966

#009955

#009944

#009933

#009922

#009911

#009900

#0088ff

#0088ee

#0088dd

#0088cc

#0088bb

#0088aa

#008899

#008888

#008877

#008866

#008855

#008844

#008833

#008822

#008811

#008800

#0077ff

#0077ee

#0077dd

#0077cc

#0077bb

#0077aa

#007799

#007788

#007777

#007766

#007755

#007744

#007733

#007722

#007711

#007700

#0066ff

#0066ee

#0066dd

#0066cc

#0066bb

#0066aa

#006699

#006688

#006677

#006666

#006655

#006644

#006633

#006622

#006611

#006600

#0550ff

#0055ee

#0055dd

#0055cc

#0055bb

#0055aa

#005599

#005588

#005577

#005566

#005555

#005544

#005533

#005522

#005511

#005500

#0044ff

#0044ee

#0044dd

#0044cc

#0044bb

#0044aa

#004499

#004488

#004477

#004466

#004455

#004444

#004433

#004422

#004411

#004400

#0033ff

#0033ee

#0033dd

#0033cc

#0033bb

#0033aa

#003399

#003388

#003377

#003366

#003355

#003344

#003333

#003322

#003311

#003300

#0022ff

#0022ee

#0022dd

#0022cc

#0022bb

#0022aa

#002299

#002288

#002277

#002266

#002255

#002244

#002233

#002222

#002211

#002200

#0011ff

#0011ee

#0011dd

#0011cc

#0011bb

#0011aa

#001199

#001188

#001177

#001166

#001155

#001144

#001133

#001122

#001111

#001100

#0000ff

#0000ee

#0000dd

#0000cc

#0000bb

#0000aa

#000099

#000088

#000077

#000066

#000055

#000044

#000033

#000022

#000011

#000000

#ffffff

#ffffee

#ffffdd

#ffffcc

#ffffbb

#ffffaa

#ffff99

#ffff88

#ffff77

#ffff66

#ffff55

#ffff44

#ffff33

#ffff22

#ffff11

#ffff00

#ffeeff

#ffeeee

#ffeedd

#ffeecc

#ffeebb

#ffeeaa

#ffee99

#ffee88

#ffee77

#ffee66

#ffee55

#ffee44

#ffee33

#ffee22

#ffee11

#ffee00

#ffddff

#ffddee

#ffdddd

#ffddcc

#ffddbb

#ffddaa

#ffdd99

#ffdd88

#ffdd77

#ffdd66

#ffdd55

#ffdd44

#ffdd33

#ffdd22

#ffdd11

#ffdd00

#ffccff

#ffccee

#ffccdd

#ffcccc

#ffccbb

#ffccaa

#ffcc99

#ffcc88

#ffcc77

#ffcc66

#ffcc55

#ffcc44

#ffcc33

#ffcc22

#ffcc11

#ffcc00

#ffbbff

#ffbbee

#ffbbdd

#ffbbcc

#ffbbbb

#ffbbaa

#ffbb99

#ffbb88

#ffbb77

#ffbb66

#ffbb55

#ffbb44

#ffbb33

#ffbb22

#ffbb11

#ffbb00

#ffaaff

#ffaaee

#ffaadd

#ffaacc

#ffaabb

#ffaaaa

#ffaa99

#ffaa88

#ffaa77

#ffaa66

#ffaa55

#ffaa44

#ffaa33

#ffaa22

#ffaa11

#ffaa00

#ff99ff

#ff99ee

#ff99dd

#ff99cc

#ff99bb

#ff99aa

#ff9999

#ff9988

#ff9977

#ff9966

#ff9955

#ff9944

#ff9933

#ff9922

#ff9911

#ff9900

#ff88ff

#ff88ee

#ff88dd

#ff88cc

#ff88bb

#ff88aa

#ff8899

#ff8888

#ff8877

#ff8866

#ff8855

#ff8844

#ff8833

#ff8822

#ff8811

#ff8800

#ff77ff

#ff77ee

#ff77dd

#ff77cc

#ff77bb

#ff77aa

#ff7799

#ff7788

#ff7777

#ff7766

#ff7755

#ff7744

#ff7733

#ff7722

#ff7711

#ff7700

#ff66ff

#ff66ee

#ff66dd

#ff66cc

#ff66bb

#ff66aa

#ff6699

#ff6688

#ff6677

#ff6666

#ff6655

#ff6644

#ff6633

#ff6622

#ff6611

#ff6600

#ff55ff

#ff55ee

#ff55dd

#ff55cc

#ff55bb

#ff55aa

#ff5599

#ff5588

#ff5577

#ff5566

#ff5555

#ff5544

#ff5533

#ff5522

#ff5511

#ff5500

#ff44ff

#ff44ee

#ff44dd

#ff44cc

#ff44bb

#ff44aa

#ff4499

#ff4488

#ff4477

#ff4466

#ff4455

#ff4444

#ff4433

#ff4422

#ff4411

#ff4400

#ff33ff

#ff33ee

#ff33dd

#ff33cc

#ff33bb

#ff33aa

#ff3399

#ff3388

#ff3377

#ff3366

#ff3355

#ff3344

#ff3333

#ff3322

#ff3311

#ff3300

#ff22ff

#ff22ee

#ff22dd

#ff22cc

#ff22bb

#ff22aa

#ff2299

#ff2288

#ff2277

#ff2266

#ff2255

#ff2244

#ff2233

#ff2222

#ff2211

#ff2200

#ff11ff

#ff11ee

#ff11dd

#ff11cc

#ff11bb

#ff11aa

#ff1199

#ff1188

#ff1177

#ff1166

#ff1155

#ff1144

#ff1133

#ff1122

#ff1111

#ff1100

#ff00ff

#ff00ee

#ff00dd

#ff00cc

#ff00bb

#ff00aa

#ff0099

#ff0088

#ff0077

#ff0066

#ff0055

#ff0044

#ff0033

#ff0022

#ff0011

#ff0000

#ee00ff

#ee00ee

#ee00dd

#ee00cc

#ee00bb

#ee00aa

#ee0099

#ee0088

#ee0077

#ee0066

#ee0055

#ee0044

#ee0033

#ee0022

#ee0011

#ee0000

#dd00ff

#dd00ee

#dd00dd

#ff00cc

#dd00bb

#dd00aa

#dd0099

#dd0088

#dd0077

#dd0066

#dd0055

#dd0044

#dd0033

#dd0022

#dd0011

#dd0000

#cc00ff

#cc00ee

#cc00dd

#cc00cc

#cc00bb

#cc00aa

#cc0099

#cc0088

#cc0077

#cc0066

#cc0055

#cc0044

#cc0033

#cc0022

#cc0011

#cc0000

#bb00ff

#bb00ee

#bb00dd

#bb00cc

#bb00bb

#bb00aa

#bb0099

#bb0088

#bb0077

#bb0066

#bb0055

#bb0044

#bb0033

#bb0022

#bb0011

#bb0000

#aa00ff

#aa00ee

#aa00dd

#aa00cc

#aa00bb

#aa00aa

#aa0099

#aa0088

#aa0077

#aa0066

#aa0055

#aa0044

#aa0033

#aa0022

#aa0011

#aa0000

#9900ff

#9900ee

#ff00dd

#9900cc

#9900bb

#9900aa

#990099

#990088

#990077

#990066

#990055

#990044

#990033

#990022

#990011

#990000

#8800ff

#8800ee

#8800dd

#8800cc

#8800bb

#8800aa

#880099

#880088

#880077

#880066

#880055

#880044

#880033

#880022

#880011

#880000

#7700ff

#7700ee

#7700dd

#7700cc

#7700bb

#7700aa

#770099

#770088

#770077

#770066

#770055

#770044

#770033

#770022

#770011

#770000

#6600ff

#6600ee

#6600dd

#6600cc

#6600bb

#6600aa

#660099

#660088

#660077

#660066

#660055

#660044

#660033

#660022

#660011

#660000

#5500ff

#5500ee

#5500dd

#5500cc

#5500bb

#5500aa

#550099

#550088

#550077

#550066

#550055

#550044

#550033

#550022

#550011

#550000

#4400ff

#4400ee

#4400dd

#4400cc

#4400bb

#4400aa

#440099

#440088

#440077

#440066

#440055

#440044

#440033

#440022

#440011

#440000

#3300ff

#3300ee

#3300dd

#3300cc

#3300bb

#3300aa

#330099

#330088

#330077

#330066

#330055

#330044

#330033

#330022

#330011

#330000

#2200ff

#2200ee

#2200dd

#2200cc

#2200bb

#2200aa

#220099

#220088

#220077

#220066

#220055

#220044

#220033

#220022

#220011

#220000

#1100ff

#1100ee

#1100dd

#1100cc

#1100bb

#1100aa

#110099

#110088

#110077

#110066

#110055

#110044

#110033

#110022

#110011

#110000