HTML色見本(カラーチャート)【保存版】

コピペで作るホームページ講座
htmlcolor-00

ホームページを作る上で、何かと使うカラーコード。

いちいち打ち込むのは面倒なので、カラーコード表を作りました!!

このページをブラウザでお気に入りして、必要な時にコピペして使ってください。

※色によっては使用OSやブラウザのバージョンなどの環境により、 正しく表示できないことがありますので、事前に確認してください。

この色見本はPC用だから、スマホだと
画面から はみ出るぞ〜
johnny-c

 

色見本文字名前コードRGB
ABCDEFGred#FF000025500
ABCDEFGdarkred#8B000013900
ABCDEFGmaroon#80000012800
ABCDEFGlightcoral#F08080240128128
ABCDEFGrosybrown#BC8F8F188143143
ABCDEFGindianred#CD5C5C2059292
ABCDEFGfirebrick#B222221783434
ABCDEFGbrown#A52A2A1654242
ABCDEFGmistyrose#FFE4E1225228225
ABCDEFGsalmon#FA8072250128114
ABCDEFGtomato#FF63472559971
ABCDEFGdarksalmon#E9967A233150122
ABCDEFGcoral#FF7F5025512780
ABCDEFGorangered#FF4500255690
ABCDEFGlightsalmon#FFA07A255160122
ABCDEFGsienna#A0522D1608245
ABCDEFGseashell#FFF5EE255245238
ABCDEFGsaddlebrown#8B45131396919
ABCDEFGsandybrown#F4A46024416496
ABCDEFGpeachpuff#FFDAB9255218185
ABCDEFGperu#CD853F20513365
ABCDEFGlinen#FAF0E6250240230
ABCDEFGchocolate#D2691E21010530
ABCDEFGbisque#FFE4C4255228196
ABCDEFGdarkorange#FF8C002551400
ABCDEFGburlywood#DEB887222184135
ABCDEFGtan#D2B48C210180140
ABCDEFGantiquewhite#FAEBD7250235215
ABCDEFGnavajowhite#FFDEAD255222173
ABCDEFGblanchedalmond#FFEBCD255235205
ABCDEFGpapayawhip#FFEFD5255239213
ABCDEFGmoccasin#FFE4B5255228181
ABCDEFGorange#FFA5002551650
ABCDEFGoldlace#FDF5E6253245230
ABCDEFGwheat#F5DEB3245222179
ABCDEFGfloralwhite#FFFAF0255250240
ABCDEFGdarkgoldenrod#B8860B18413411
ABCDEFGgoldenrod#DAA52021816532
ABCDEFGcornsilk#FFF8DC255248220
ABCDEFGgold#FFD7002552150
ABCDEFGlemonchiffon#FFFACD255250205
ABCDEFGpalegoldenrod#EEE8AA238232170
ABCDEFGkhaki#F0E68C240230140
ABCDEFGdarkkhaki#BDB76B189183107
ABCDEFGivory#FFFFF0255255240
ABCDEFGlightyellow#FFFFE0255255224
ABCDEFGbeige#F5F5DC245245220
ABCDEFGlightgoldenrodyellow#FAFAD2250250210
ABCDEFGyellow#FFFF002552550
ABCDEFGolive#8080001281280
ABCDEFGyellowgreen#9ACD3215420550
ABCDEFGolivedrab#6B8E2310714235
ABCDEFGdarkolivegreen#556B2F8510747
ABCDEFGgreenyellow#ADFF2F17325547
ABCDEFGchartreuse#7FFF001272550
ABCDEFGlawngreen#7CFC001242520
ABCDEFGlime#00FF0002550
ABCDEFGgreen#00800001280
ABCDEFGdarkgreen#00640001000
ABCDEFGhoneydew#F0FFF0240255240
ABCDEFGpalegreen#98FB98152251152
ABCDEFGlightgreen#90EE90144238144
ABCDEFGlimegreen#32CD325020550
ABCDEFGdarkseagreen#8FBC8F143188143
ABCDEFGforestgreen#228B223413934
ABCDEFGmediumseagreen#3CB37160179113
ABCDEFGseagreen#2E8B574613987
ABCDEFGspringgreen#00FF7F0255127
ABCDEFGmintcream#F5FFFA245255250
ABCDEFGmediumspringgreen#00FA9A0250154
ABCDEFGmediumaquamarine#66CDAA102205170
ABCDEFGaquamarine#7FFFD4127255212
ABCDEFGturquoise#40E0D064224208
ABCDEFGlightseagreen#20B2AA32178170
ABCDEFGmediumturquoise#48D1CC72209204
ABCDEFGazure#F0FFFF250255255
ABCDEFGlightcyan#E0FFFF224255255
ABCDEFGaqua#00FFFF0255255
ABCDEFGcyan#00FFFF0255255
ABCDEFGdarkcyan#008B8B0139139
ABCDEFGteal#0080800128128
ABCDEFGdarkslategray#2F4F4F477979
ABCDEFGpaleturquoise#AFEEEE175238238
ABCDEFGdarkturquoise#00CED10206209
ABCDEFGcadetblue#5F9EA095158160
ABCDEFGpowderblue#B0E0E6176224230
ABCDEFGlightblue#ADD8E6173216230
ABCDEFGdeepskyblue#00BFFF0191255
ABCDEFGskyblue#87CEEB135206235
ABCDEFGlightskyblue#87CEFA135206250
ABCDEFGaliceblue#F0F8FF240248255
ABCDEFGsteelblue#4682B470130180
ABCDEFGdodgerblue#1E90FF30144255
ABCDEFGlightslategray#778899119136153
ABCDEFGslategray#708090112128144
ABCDEFGlightsteelblue#B0C4DE176196222
ABCDEFGcornflowerblue#6495ED100149237
ABCDEFGroyalblue#4169E165105225
ABCDEFGblue#0000FF00255
ABCDEFGmediumblue#0000CD00205
ABCDEFGdarkblue#00008B00139
ABCDEFGnavy#00008000128
ABCDEFGghostwhite#F8F8FF248248255
ABCDEFGlavender#E6E6FA230230250
ABCDEFGmidnightblue#1919702525112
ABCDEFGmediumslateblue#7B68EE123104238
ABCDEFGslateblue#6A5ACD10690205
ABCDEFGdarkslateblue#483D8B7261139
ABCDEFGmediumpurple#9370DB147112219
ABCDEFGblueviolet#8A2BE213843226
ABCDEFGindigo#4B0082750130
ABCDEFGdarkorchid#9932CC15350204
ABCDEFGdarkviolet#9400D31480211
ABCDEFGmediumorchid#BA55D318685211
ABCDEFGmagenta#FF00FF2550255
ABCDEFGfuchsia#FF00FF2550255
ABCDEFGdarkmagenta#8B008B1390139
ABCDEFGpurple#8000801280128
ABCDEFGviolet#EE82EE238130238
ABCDEFGthistle#D8BFD8216191216
ABCDEFGplum#DDA0DD221160221
ABCDEFGorchid#DA70D6218112214
ABCDEFGmediumvioletred#C7158519921133
ABCDEFGdeeppink#FF149325520147
ABCDEFGhotpink#FF69B4255105180
ABCDEFGlavenderblush#FFF0F5255240245
ABCDEFGpalevioletred#DB7093219112147
ABCDEFGcrimson#DC143C2202060
ABCDEFGpink#FFC0CB255192203
ABCDEFGlightpink#FFB6C1255182193
ABCDEFGsnow#FFFAFA255250250
ABCDEFGwhite#FFFFFF255255255
ABCDEFGwhitesmoke#F5F5F5245245245
ABCDEFGgainsboro#DCDCDC220220220
ABCDEFGlightgrey#D3D3D3211211211
ABCDEFGsilver#C0C0C0192192192
ABCDEFGdarkgray#A9A9A9169169169
ABCDEFGgray#808080128128128
ABCDEFGdimgray#696969105105105
ABCDEFGblack#000000000

 

コピペしてバンバン使ってね!johnny-c
johnny-tubuyaki
このカラーコード表を作るの結構シンドかったぞ。
この記事が気に入ったら最新ニュース情報を、
いいねしてチェックしよう!
コピペで作るホームページ講座HTMLタグ
スポンサーリンク
ジョニーをフォローする
クリエイターチェック
タイトルとURLをコピーしました