色コード一覧表です。

16進数で指定する、色コードの基本といわれている216色を記載しておきました。

ホームページの文字や背景の色を変化させる際に役立てて下さい。

Advertisement

色コード基本の16色

基本の16色は、 whiteやredといった英字での記述法でも指定する事ができます。

#FFFFFF
white
#FF0000
red
#FFFF00
yellow
#00FF00
lime
#00FFFF
aqua
#0000FF
blue
#FF00FF
fuchsia
#C0C0C0
silver
#800000
maroon
#808000
olive
#008000
green
#008080
teal
#000080
navy
#800080
purple
#808080
gray
#000000
black

色コード216色

#000000 #000033 #000066 #000099 #0000CC #0000FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #FFFF99 #CCFFCC #CCFFFF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #669966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

色コード豆知識

色コードは実は省略する事ができます。

白なら、「#FFF」、黒なら「#000」、赤なら、「#F00」、の様に三桁に縮める事ができるのです。
ただし、縮める事ができる色コードは限られています。

まずは、色コードの仕組みを説明しましょう。

色コードは赤、緑、青の三原色の組み合わせによって成り立っています。
そして、それぞれの色を指定している部分は下記の様になります。

#FFFFFF

「1、2桁目が赤」、「3,4桁目が緑」、「5、6桁目が青」を現しています。
そして、三原色の強さの組み合わせによって色を決定しているのです。
Fに近づくほどに色が強くなり、0に近づくにより色が弱くなります。

ですから、「#FF0000なら赤」、「#00FF00なら緑」「#0000FFなら青」となるのです。

この三原色が共にゾロ目の場合にのみ三桁に縮める事が出来ます。
「#F00なら赤」、「#0F0なら緑」「#00Fなら青」 という事ですね。

と言っても、上記の様な256色は全て省略する事ができますので、試してみて下さい。

Big-Sea All rights reserved.2010-2013
当サイト内の文章、画像など、すべての無断使用、転載を禁じます。