<< Google AJAX Search APIを利用して地図やビデオ（動画）、ニュース、ブログ・ブック検索結果を表示する方法 | TOP | Seesaa BlogのトップページのCSS（スタイルシート）を解析 >>

標準カラー16色一覧 & カラーネーム・カラーコード147色の一覧


標準カラー16色は、HTMLで定義されている基本色です。標準カラー16色は、ブラウザが古い場合でも、カラーネームを解釈することができます。
さらに147色のカラーネーム・カラーコード一覧も紹介しています。

先日、「このサイト＆SeesaaブログのサイドメニューのCSSのメモ」で紹介しましたが、背景色やボーダーラインのカラーを自由に設定できるようにするためにその一覧まとめることにしました。これらのカラーコードを覚える必要はありません。というのも、最近はカラーを選択する場合、カラーコードを入力する必要がないか、カラーと同時に表示されることが多いからです。しかし、いざというときのためにいつでもわかるようにしておくと便利でしょう。

標準カラー16色一覧

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

カラーネーム・カラーコード147色の一覧

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

タグ：カラーネーム カラーチャート 標準カラー カラー カラーコード 一覧

スポンサード リンク

【Webデザインの最新記事】

この記事へのコメント


コメントを書く

お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL

http://blog.seesaa.jp/tb/99724542
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
この記事へのトラックバック

Loading

カテゴリ
このサイトについて(1)
Webサービス(2)
アフィリエイト（Affiliate）(1)
Web(ウェブ)マーケティング(4)
SEO対策（サーチエンジン最適化）(3)
Webデザイン(3)
Seesaa Blog(シーサー ブログ)(5)
Fc2ブログ(Blog) カスタマイズ(1)
ブログパーツ（Blogパーツ）(1)
Google（グーグル）(2)
Firefox（ファイアーフォックス）(4)
無料ブログ(Blog)サービス(1)
フリーソフト・フリーウェア(3)
Yomi-Search(ヨミサーチ)(2)
UMPC(ウルトラモバイルPC)(1)
トラックバックテーマ(2)
★プレゼント・キャンペーン(1)
行楽・写真(1)
Sakura Blog(さくら ブログ)(1)
最近の記事
(07/28)【blockquote サンプル】blockquote x CSS でWebサイトのカユイところをデザインする
(07/26)自動相互リンク集スクリプト「相互リンクSEO-P-Link」
(07/20)Firefox（ファイアーフォックス）が3.5にバージョンアップ、ついでにWebdeveloperも
(07/20)Sakura Blog(さくら ブログ)でInternal Server Error
(07/12)Google AdWords : キーワード ツールがトップページに見当たらない＆Googleの新兵器！？「キーワード最適化ツール」
最近のコメント
【Yomi-Search(ヨミサーチ)】を無料でホームページを登録できる検索エンジンとして活用する。 by 温泉民宿　丸弥荘 (09/14)
MSN Live Searchのサイト登録ページがない！！（Bingへサイトを登録する方法） by yuli (07/12)
MSN Live Searchのサイト登録ページがない！！（Bingへサイトを登録する方法） by 通りすがり (07/09)
【Yomi-Search(ヨミサーチ)】を無料でホームページを登録できる検索エンジンとして活用する。 by 富士河口湖町民宿いわき (02/02)
【リンク貼り付け作業を大幅に軽減】Firefoxのアドオン「Make Link」を使い倒す！！ by undershaft newralnet works (01/29)
最近のトラックバック
【意外】に知られていないソーシャルブックマークサービスの利用法 by 注目のキーワードをチェック(01/21)
ブログのコメント・トラックバックのURLをMozShot(サムネイル化)でページの画像を表示する方法 by おもしろ便利サイト紹介andフリーソフト【omoroブログ】(11/29)
SEO（サーチエンジン最適化）の10のステップを紐解く by 快適に過ごすための工夫(07/20)
SEO（サーチエンジン最適化）の10のステップを紐解く by 数字で見るWebマーケティング(07/16)
タグクラウド
Bookmark
RDF Site Summary
RSS 2.0
ファン
 メッセージを送る
 このブログの読者になる
 更新情報をチェックする
 ブックマークする
 友達に教える
Help


検索

あわせて読みたいブログパーツ
Others
　
  • seo
過去ログ
2009年07月(5)
2009年06月(3)
2009年05月(2)
2009年04月(2)
2008年12月(1)
2008年11月(3)
2008年10月(3)
2008年09月(4)
2008年08月(4)
2008年07月(3)
2008年06月(3)
2008年05月(6)
リンク集
Yahoo! JAPAN
Google
MSN Japan
人気ブログランキング
AJAX Search API キーへの登録 - Google AJAX Search API - Google Code
Powered by Seesaa