カラーコード色見本

WindowsやMacintoshなどのOS(オペレーティングシステム)や ブラウザ、ディスプレイの環境によって、同時表示色の制限などから正しく色が再現されない事があります。
このために、文字色や背景色にはどんな環境でも必ず再現できる事を保証された、216色(8ビットカラー)を 【 Webセーフカラー 】と定義されています。

Webページ作成に使われるHTMLでは、Webセーフカラー(web safe colors)をご推奨いたします。
RGB(アール・ジー・ビー)の16進表記をご参考にして下さい。

※ RGB(アール・ジー・ビー)
コンピューターで利用される色の表現形式で、光の三原色である【 赤(Red)緑(Green)青(Blue)】の 組み合わせで表現されます。
この光の三原色の組み合わせですべての色を表現できます。

※ 三原色
三原色には【 光の三原色 】と【 絵の具の三原色 】があります。
赤(Red)、緑(Green)、青(Blue)の基本3色の割合によって、すべての色を表現する事ができます。
光の三原色には、各色 0〜255段階(256段階)あります。

赤の光(256段階) x 緑の光(256段階) x 青の光(256段階)
これにより最大で【 16,777,216色 】を同時に表示できるようになり、 人間の目が識別できる限界を越える色数を扱う事ができます。

コンピューターで利用される色の表現は(赤・緑・青)の光3色をいいますが、印刷インキや絵の具などは、 赤紫(マゼンダ)・青緑(シアン)・黄になります。

※ カラーコード
赤:00〜FF   緑:00〜FF   青:00〜FF
赤:FF  緑:00  青:FF  の場合は【 #FF00FF 】となります。

※ カラーネーム
カラーコード【 #FF00FF 】を【 magenta 】のように、英語表記に置き換えたものです。

16進表記の右ボタン  を 押すと背景色が確認できます。<< 左ボタンはデフォルト 【 #FFFFFF(白)】 に戻ります。

※ カラーサンプルがない場合は、コード入力フォームからセーフカラー(コード)またはカラーネーム(英語表記)を 入力してご確認下さい。

【 光の三原色による表現 】

【 R 】
【 G 】
【 B 】

・ 赤、緑、青の三原色をそれぞれ256段階に変化させる事ができます。
・ 右(最大)に合わせると白に、左(最小)に合わせると黒になります。
・ 10進数と16進数でそれぞれ表示されます。

・ 赤と緑が合わさるとイエロー【 Y 】になります。
・ 緑と青が合わさるとシアン【 C 】になります。
・ 青と赤が合わさるとマゼンタ【 M 】になります。


WEBセーフカラー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 
#330000  #330033  #330066  #330099  #3300cc  #3300ff 
#333300  #333333  #333366  #333399  #3333cc  #3333ff 
#336600  #336633  #336666  #336699  #3366cc  #3366ff 
#339900  #339933  #339966  #339999  #3399cc  #3399ff 
#33cc00  #33cc33  #33cc66  #33cc99  #33cccc  #33ccff 
#33ff00  #33ff33  #33ff66  #33ff99  #33ffcc  #33ffff 
#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 
#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 
#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  #ccff99  #ccffcc  #ccffff 
#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 

セーフカラー(コード)またはカラーネーム(英語表記)を入力して
【 変更ボタン 】を クリックすると背景色が変わります。

※ パソコンの環境によってご利用ができない場合があります。


カラーネームコード表
#000000
black
#000080
navy
#00008B
darkblue
#0000CD
mediumblue
#0000FF
blue
#006400
darkgreen
#008000
green
#008080
teal
#008B8B
darkcyan
#00BFFF
deepskyblue
#00CED1
darkturquoise
#00FA9A
mediumspringgreen
#00FF00
lime
#00FF7F
springgreen
#00FFFF
aqua
#00FFFF
cyan
#191970
midnightblue
#1E90FF
dodgerblue
#20B2AA
lightseagreen
#228B22
forestgreen
#2E8B57
seagreen
#2F4F4F
darkslategray
#32CD32
limegreen
#3CB371
mediumseagreen
#40E0D0
turquoise
#4169E1
royalblue
#4682B4
steelblue
#483D8B
darkslateblue
#48D1CC
mediumturquoise
#4B0082
indigo
#556B2F
darkolivegreen
#5F9EA0
cadetblue
#6495ED
cornflowerblue
#66CDAA
mediumaquamarine
#696969
dimgray
#6A5ACD
slateblue
#6B8E23
olivedrab
#708090
slategray
#778899
lightslategray
#7B68EE
mediumslateblue
#7CFC00
lawngreen
#7FFF00
chartreuse
#7FFFD4
aquamarine
#800000
maroon
#800080
purple
#808000
olive
#808080
gray
#87CEEB
skyblue
#87CEFA
lightskyblue
#8A2BE2
blueviolet
#8B0000
darkred
#8B008B
darkmagenta
#8B4513
saddlebrown
#8FBC8F
darkseagreen
#90EE90
lightgreen
#9370DB
mediumpurple
#9400D3
darkviolet
#98FB98
palegreen
#9932CC
darkorchid
#9ACD32
yellowgreen
#A0522D
sienna
#A52A2A
brown
#A9A9A9
darkgray
#ADD8E6
lightblue
#ADFF2F
greenyellow
#AFEEEE
paleturquoise
#B0C4DE
lightsteelblue
#B0E0E6
powderblue
#B22222
firebrick
#B8860B
darkgoldenrod
#BA55D3
mediumorchid
#BC8F8F
rosybrown
#BDB76B
darkkhaki
#C0C0C0
silver
#C71585
mediumvioletred
#CD5C5C
indianred
#CD853F
peru
#D2691E
chocolate
#D2B48C
tan
#D3D3D3
lightgrey
#D8BFD8
thistle
#DA70D6
orchid
#DAA520
goldenrod
#DB7093
palevioletred
#DC143C
crimson
#DCDCDC
gainsboro
#DDA0DD
plum
#DEB887
burlywood
#E0FFFF
lightcyan
#E6E6FA
lavender
#E9967A
darksalmon
#EE82EE
violet
#EEE8AA
palegoldenrod
#F08080
lightcoral
#F0E68C
khaki
#F0F8FF
aliceblue
#F0FFF0
honeydew
#F0FFFF
azure
#F4A460
sandybrown
#F5DEB3
wheat
#F5F5DC
beige
#F5F5F5
whitesmoke
#F5FFFA
mintcream
#F8F8FF
ghostwhite
#FA8072
salmon
#FAEBD7
antiquewhite
#FAF0E6
linen
#FAFAD2
lightgoldenrodyellow
#FDF5E6
oldlace
#FF0000
red
#FF00FF
fuchsia
#FF00FF
magenta
#FF1493
deeppink
#FF4500
orangered
#FF6347
tomato
#FF69B4
hotpink
#FF7F50
coral
#FF8C00
darkorange
#FFA07A
lightsalmon
#FFA500
orange
#FFB6C1
lightpink
#FFC0CB
pink
#FFD700
gold
#FFDAB9
peachpuff
#FFDEAD
navajowhite
#FFE4B5
moccasin
#FFE4C4
bisque
#FFE4E1
mistyrose
#FFEBCD
blanchedalmond
#FFEFD5
papayawhip
#FFF0F5
lavenderblush
#FFF5EE
seashell
#FFF8DC
cornsilk
#FFFACD
lemonchiffon
#FFFAF0
floralwhite
#FFFAFA
snow
#FFFF00
yellow
#FFFFE0
lightyellow
#FFFFF0
ivory
#FFFFFF
white


Copyright(C)2016 JP-PARK. All Rights Reserved.