TOPページ > 16進数カラー見本
16進数カラー見本

16進数カラー見本

WEB上で表示するカラーについて、色名称、色番号およびカラーサンプルでご紹介します。文字の色や背景色、枠の色などを指定してページに彩りを与えましょう。

WEBページでの色の指定は、主に『#FF0000』などの16進数指示になりますので、指定する際の参考にしてください。

16進数カラー見本 項目一覧

16進数カラー見本:グレー系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。た...

16進数カラー見本:ピンク系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。た...

16進数カラー見本:紺~紫色系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。...

16進数カラー見本:ブルー系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。た...

16進数カラー見本:グリーン系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。...

16進数カラー見本:オレンジ~黄色系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能...

16進数カラー見本:赤~茶色系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。...

HTML4.0で定義されているWEB基本カラー16色についてご紹介します。この16色については、HTMLの属性値やスタイルシートで色を指定する場合に、16進数表...

2006年01月27日

16進数カラー見本:グレー系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記したほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
black#000000 10日でおぼえるPerl/CGI入門教室
dimgray#696969 10日でおぼえるPerl/CGI入門教室
gray#808080 10日でおぼえるPerl/CGI入門教室
darkgray#A9A9A9 10日でおぼえるPerl/CGI入門教室
silver#C0C0C0 10日でおぼえるPerl/CGI入門教室
lightgray#D3D3D3 10日でおぼえるPerl/CGI入門教室
gainsboro#DCDCDC 10日でおぼえるPerl/CGI入門教室
whitesmoke#F5F5F5 10日でおぼえるPerl/CGI入門教室
white#FFFFFF 10日でおぼえるPerl/CGI入門教室

16進数カラー見本:ピンク系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記したほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
thistle#D8BFD8 10日でおぼえるPerl/CGI入門教室
plum#DDA0DD 10日でおぼえるPerl/CGI入門教室
violet#EE82EE 10日でおぼえるPerl/CGI入門教室
purple#800080 10日でおぼえるPerl/CGI入門教室
darkmagenta#8B008B 10日でおぼえるPerl/CGI入門教室
fuchsia#FF00FF 10日でおぼえるPerl/CGI入門教室
magenta#FF00FF 10日でおぼえるPerl/CGI入門教室
orchid#DA70B6 10日でおぼえるPerl/CGI入門教室
mediumvioletred#D71585 10日でおぼえるPerl/CGI入門教室
deeppink#FF1493 10日でおぼえるPerl/CGI入門教室
hotpink#FF69B4 10日でおぼえるPerl/CGI入門教室
palevioletred#DB7093 10日でおぼえるPerl/CGI入門教室
lavenderblush#FFF0F5 10日でおぼえるPerl/CGI入門教室
crimson#DC143C 10日でおぼえるPerl/CGI入門教室
pink#FFC0CB 10日でおぼえるPerl/CGI入門教室
lightpink#FFB6C1 10日でおぼえるPerl/CGI入門教室

16進数カラー見本:紺~紫色系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記したほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
midnightblue#191970 10日でおぼえるPerl/CGI入門教室
lavender#E6E6FA 10日でおぼえるPerl/CGI入門教室
navy#000080 10日でおぼえるPerl/CGI入門教室
darkblue#00008B 10日でおぼえるPerl/CGI入門教室
mediumblue#0000CD 10日でおぼえるPerl/CGI入門教室
blue#0000FF 10日でおぼえるPerl/CGI入門教室
ghostwhite#F8F8FF 10日でおぼえるPerl/CGI入門教室
darkslateblue#483D8B 10日でおぼえるPerl/CGI入門教室
slateblue#6A5ACD 10日でおぼえるPerl/CGI入門教室
mediumslateblue#7B68EE 10日でおぼえるPerl/CGI入門教室
mediumpurple#9730DB 10日でおぼえるPerl/CGI入門教室
indigo#4B0082 10日でおぼえるPerl/CGI入門教室
blueviolet#8A2BE2 10日でおぼえるPerl/CGI入門教室
darkorchid#9932CC 10日でおぼえるPerl/CGI入門教室
darkviolet#9400D3 10日でおぼえるPerl/CGI入門教室
mediumorchid#BA55D3 10日でおぼえるPerl/CGI入門教室

2006年01月26日

16進数カラー見本:ブルー系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記にしたほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
mediumaquamarine#66CDAA 10日でおぼえるPerl/CGI入門教室
aquamarine#7FFFD4 10日でおぼえるPerl/CGI入門教室
turquoise#40E0D0 10日でおぼえるPerl/CGI入門教室
lightseagreen#20B2AA 10日でおぼえるPerl/CGI入門教室
mediumturquoise#48D1CC 10日でおぼえるPerl/CGI入門教室
darkslategray#2F4F4F 10日でおぼえるPerl/CGI入門教室
paleturquoise#AFEEEE 10日でおぼえるPerl/CGI入門教室
teal#008080 10日でおぼえるPerl/CGI入門教室
darkcyan#008B8B 10日でおぼえるPerl/CGI入門教室
cyan#00FFFF 10日でおぼえるPerl/CGI入門教室
lightcyan#E0FFFF 10日でおぼえるPerl/CGI入門教室
azure#F0FFFF 10日でおぼえるPerl/CGI入門教室
aqua#00FFFF 10日でおぼえるPerl/CGI入門教室
darkturquoise#00CED1 10日でおぼえるPerl/CGI入門教室
cadetblue#5F9EA0 10日でおぼえるPerl/CGI入門教室
powderblue#B0E0E6 10日でおぼえるPerl/CGI入門教室
lightblue#ADD8E6 10日でおぼえるPerl/CGI入門教室
deepskyblue#00BFFF 10日でおぼえるPerl/CGI入門教室
skyblue#87CEEB 10日でおぼえるPerl/CGI入門教室
lightskyblue#87CEFA 10日でおぼえるPerl/CGI入門教室
steelblue#4682B4 10日でおぼえるPerl/CGI入門教室
aliceblue#F0F8FF 10日でおぼえるPerl/CGI入門教室
slategray#708090 10日でおぼえるPerl/CGI入門教室
lightslategray#778899 10日でおぼえるPerl/CGI入門教室
dodgerblue#1E90FF 10日でおぼえるPerl/CGI入門教室
lightsteelblue#B0C4DE 10日でおぼえるPerl/CGI入門教室
cornflowerblue#6495ED 10日でおぼえるPerl/CGI入門教室
royalblue#041690 10日でおぼえるPerl/CGI入門教室

16進数カラー見本:グリーン系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記にしたほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
olivedrab#6B8E23 10日でおぼえるPerl/CGI入門教室
yellowgreen#9ACD32 10日でおぼえるPerl/CGI入門教室
darkolivegreen#556B2F 10日でおぼえるPerl/CGI入門教室
greenyellow#ADFF2F 10日でおぼえるPerl/CGI入門教室
lawngreen#7CFC00 10日でおぼえるPerl/CGI入門教室
chartreuse#7FFF00 10日でおぼえるPerl/CGI入門教室
darkseagreen#8FBC8F 10日でおぼえるPerl/CGI入門教室
forestgreen#228B22 10日でおぼえるPerl/CGI入門教室
limegreen#32CD32 10日でおぼえるPerl/CGI入門教室
lightgreen#90EE90 10日でおぼえるPerl/CGI入門教室
palegreen#98FB98 10日でおぼえるPerl/CGI入門教室
darkgreen#006400 10日でおぼえるPerl/CGI入門教室
green#008000 10日でおぼえるPerl/CGI入門教室
lime#00FF00 10日でおぼえるPerl/CGI入門教室
honeydew#F0FFF0 10日でおぼえるPerl/CGI入門教室
honeydewtab#00DE2B 10日でおぼえるPerl/CGI入門教室
seagreen#2E8B57 10日でおぼえるPerl/CGI入門教室
mediumseagreen#3CB371 10日でおぼえるPerl/CGI入門教室
springgreen#00FF7F 10日でおぼえるPerl/CGI入門教室
mintcream#F5FFFA 10日でおぼえるPerl/CGI入門教室
mediumspringgreen#00FA9A 10日でおぼえるPerl/CGI入門教室

16進数カラー見本:オレンジ~黄色系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記したほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
darkorange#FF8C00 10日でおぼえるPerl/CGI入門教室
bisque#FFE4C4 10日でおぼえるPerl/CGI入門教室
tan#D2B48C 10日でおぼえるPerl/CGI入門教室
burlywood#DEB887 10日でおぼえるPerl/CGI入門教室
antiquewhite#FABED7 10日でおぼえるPerl/CGI入門教室
navajowhite#FFDEAD 10日でおぼえるPerl/CGI入門教室
blanchedalmond#FFEBCD 10日でおぼえるPerl/CGI入門教室
papayawhip#FFEFD5 10日でおぼえるPerl/CGI入門教室
moccasin#FFE4B5 10日でおぼえるPerl/CGI入門教室
wheat#F5DEB3 10日でおぼえるPerl/CGI入門教室
oldlace#FDF5E6 10日でおぼえるPerl/CGI入門教室
orange#FFA500 10日でおぼえるPerl/CGI入門教室
floralwhite#FFFAF0 10日でおぼえるPerl/CGI入門教室
goldenrod#DAA520 10日でおぼえるPerl/CGI入門教室
darkgoldenrod#B8860B 10日でおぼえるPerl/CGI入門教室
comsilk#FFF8DC 10日でおぼえるPerl/CGI入門教室
gold#FFD700 10日でおぼえるPerl/CGI入門教室
khaki#F0E68C 10日でおぼえるPerl/CGI入門教室
lemonchiffon#FFFACD 10日でおぼえるPerl/CGI入門教室
palegoldenrod#EEE8AA 10日でおぼえるPerl/CGI入門教室
darkkhaki#BDB76B 10日でおぼえるPerl/CGI入門教室
beige#F5F5DC 10日でおぼえるPerl/CGI入門教室
olive#808000 10日でおぼえるPerl/CGI入門教室
yellow#FFFF00 10日でおぼえるPerl/CGI入門教室
lightyellow#FFFFE0 10日でおぼえるPerl/CGI入門教室
ivory#FFFFF0 10日でおぼえるPerl/CGI入門教室
lightgoldenrodyellow#FAFAD2 10日でおぼえるPerl/CGI入門教室

16進数カラー見本:赤~茶色系についてご紹介します。ここで紹介するカラーは、HTMLの属性値やスタイルシートで色を指定する際に、色名称で指示することも可能です。ただし WEB基本カラー16色を除いて、ブラウザによっては対応していないものもありますので 16進数表記にしたほうが安全です。また、近似色に統合して表示される場合もあります。

名称 16進数 カラー文字見本
salmon#FA8072 10日でおぼえるPerl/CGI入門教室
mistyrose#FFE4E1 10日でおぼえるPerl/CGI入門教室
tomato#FF6347 10日でおぼえるPerl/CGI入門教室
darksalmon#E9967A 10日でおぼえるPerl/CGI入門教室
orangered#FF4500 10日でおぼえるPerl/CGI入門教室
coral#FF7F50 10日でおぼえるPerl/CGI入門教室
lightsalmon#FFA07A 10日でおぼえるPerl/CGI入門教室
sienna#A0522D 10日でおぼえるPerl/CGI入門教室
rosybrown#BC8F8F 10日でおぼえるPerl/CGI入門教室
indianred#CD5C5C 10日でおぼえるPerl/CGI入門教室
brownl#A52A2A 10日でおぼえるPerl/CGI入門教室
firebrick#B22222 10日でおぼえるPerl/CGI入門教室
lightcoral#F08080 10日でおぼえるPerl/CGI入門教室
maroon#800000 10日でおぼえるPerl/CGI入門教室
darkred#8B0000 10日でおぼえるPerl/CGI入門教室
red#FF0000 10日でおぼえるPerl/CGI入門教室
snow#FFFAFA 10日でおぼえるPerl/CGI入門教室
chocolate#D2691E 10日でおぼえるPerl/CGI入門教室
saddlebrown#8B4513 10日でおぼえるPerl/CGI入門教室
seashell#FFF5EE 10日でおぼえるPerl/CGI入門教室
sandybrown#F4A460 10日でおぼえるPerl/CGI入門教室
peachpuff#FFDAB9 10日でおぼえるPerl/CGI入門教室
peru#CD853F 10日でおぼえるPerl/CGI入門教室
linen#FAF0E6 10日でおぼえるPerl/CGI入門教室

HTML4.0で定義されているWEB基本カラー16色についてご紹介します。この16色については、HTMLの属性値やスタイルシートで色を指定する場合に、16進数表記ではなく 色名称で指定しても、どのブラウザでも問題なく表示されます。

名称 16進数 カラー文字見本
black#000000 10日でおぼえるPerl/CGI入門教室
gray#808080 10日でおぼえるPerl/CGI入門教室
silver#C0C0C0 10日でおぼえるPerl/CGI入門教室
white#FFFFFF 10日でおぼえるPerl/CGI入門教室
maroon#800000 10日でおぼえるPerl/CGI入門教室
red#FF0000 10日でおぼえるPerl/CGI入門教室
olive#808000 10日でおぼえるPerl/CGI入門教室
yellow#FFFF00 10日でおぼえるPerl/CGI入門教室
green#008000 10日でおぼえるPerl/CGI入門教室
lime#00FF00 10日でおぼえるPerl/CGI入門教室
teal#008080 10日でおぼえるPerl/CGI入門教室
aqua#00FFFF 10日でおぼえるPerl/CGI入門教室
navy#000080 10日でおぼえるPerl/CGI入門教室
blue#0000FF 10日でおぼえるPerl/CGI入門教室
purple#800080 10日でおぼえるPerl/CGI入門教室
fuchsia#FF00FF 10日でおぼえるPerl/CGI入門教室

IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス