ブログで使う【色】【カラーコード】サンプル・早見表・色見本・カラーピッカー

WEBサイト・記事で使う色は重要ですね。WEBサイトで使える色には全 16,777,216 色あります。主に使う色などカラーコード集があると便利ですね。

ポイント

本記事では、

カラーコード集と、カラーコードからの色の逆引きを紹介します。

素敵な WEB サイトを作ってくださいね。

「アフィリエイトスクールのススメ」はこちら

1 はじめに
2 カラーコードを確認する
3 EXCEL 標準のカラー色
4 HTML 既定のカラー色
5 CSS3 定義色

はじめに

本ページでは、「見本の色」をクリックすることで、カラーコードを自動的にクリップボードにコピーします。

自動コピーの ON / OFF を切り替える場合は、以下のチェックで設定してください。

設定

カラーコードを確認する

テキストボックスにコードを直接入れるか、スライダー（レンジ）を操作することでカラーサンプルを表示します。

（※ InternetExplore11 ではスライダーが動作しません）

色を作成する

カラーコード（

#FFFFFF

) ：

橙

黄

青

赤

緑

橙

黄

青

赤

緑

色見本

オシャレに見える淡い色です。

（※ 色をクリックすると、上のスライダーに色を反映します。また、クリップボードにカラーコードをコピーします）

#FBDAC8

#FEECD2

#FFFCDB

#ECF4D9

#D5EAD8

#D4ECEA

#D3EDFB

#D3DEF1

#D2CCE6

#E7D5E8

#FADCE9

#FADBDA

#F5B090

#FCD7A1

#FFF9B1

#D7E7AF

#A5D4AD

#A2D7D4

#9FD9F6

#A3BCE2

#A59ACA

#CFA7CD

#F4B4D0

#F5B2B2

EXCEL 標準のカラー色

EXCEL 標準のカラーパレットで利用されている色です。

（※ 色をクリックすると、クリップボードにカラーコードをコピーします）

Excel カラー色

テーマの色

#FFFFFF

#F2F2F2

#D8D8D8

#BFBFBF

#A5A5A5

#7F7F7F

#000000

#7F7F7F

#595959

#3F3F3F

#262626

#0C0C0C

#E7E6E6

#D0CECE

#AEABAB

#757070

#3A3838

#171616

#44546A

#D6DCE4

#ADB9CA

#8496B0

#323F4F

#222A35

#4472C4

#D9E2F3

#B4C6E7

#8EAADB

#2F5496

#1F3864

#ED7D31

#FBE5D5

#F7CBAC

#F4B183

#C55A11

#833C0B

#A5A5A5

#EDEDED

#DBDBDB

#C9C9C9

#7B7B7B

#525252

#FFC000

#FFF2CC

#FEE599

#FFD965

#BF9000

#7F6000

#5B9BD5

#DEEBF6

#BDD7EE

#9CC3E5

#2E75B5

#1E4E79

#70AD47

#E2EFD9

#C5E0B3

#A8D08D

#538135

#375623

標準の色

#C00000

#FF0000

#FFC000

#FFFF00

#92D050

#00B050

#00B0F0

#0070C0

#002060

#7030A0

HTML 既定のカラー色

HTML で色名指定で利用することができる色です。

（※ 色をクリックすると、クリップボードにカラーコードをコピーします）

#000000

( black )

#808080

( gray )

#C0C0C0

( silver )

#FFFFFF

( white )

#0000FF

( blue )

#000080

( navy )

#008080

( teal )

#008000

( green )

#00FF00

( lime )

#00FFFF

( aqua )

#FFFF00

( yellow )

#FF0000

( red )

#FF00FF

( fuchsia )

#808000

( olive )

#800080

( purple )

#800000

( maroon )

CSS3 定義色

CSS3 にて定義されているカラー色です。

（「darkgrey」「darkorange」「dimgray」「lightslategray」「slategray」は定義が重複しているので１個のみ記載）

（※ 色をクリックすると、クリップボードにカラーコードをコピーします）

#F0F8FF

( AliceBlue )

#FAEBD7

( AntiqueWhite )

#00FFFF

( Aqua )

#7FFFD4

( Aquamarine )

#F0FFFF

( Azure )

#F5F5DC

( Beige )

#FFE4C4

( Bisque )

#000000

( Black )

#FFEBCD

( BlanchedAlmond )

#0000FF

( Blue )

#8A2BE2

( BlueViolet )

#A52A2A

( Brown )

#DEB887

( BurlyWood )

#5F9EA0

( CadetBlue )

#7FFF00

( Chartreuse )

#D2691E

( Chocolate )

#FF7F50

( Coral )

#6495ED

( CornflowerBlue )

#FFF8DC

( Cornsilk )

#DC143C

( Crimson )

#00FFFF

( Cyan )

#00008B

( DarkBlue )

#008B8B

( DarkCyan )

#B8860B

( DarkGoldenRod )

#A9A9A9

( DarkGray )

#006400

( DarkGreen )

#BDB76B

( DarkKhaki )

#8B008B

( DarkMagenta )

#556B2F

( DarkOliveGreen )

#FF8C00

( Darkorange )

#9932CC

( DarkOrchid )

#8B0000

( DarkRed )

#E9967A

( DarkSalmon )

#8FBC8F

( DarkSeaGreen )

#483D8B

( DarkSlateBlue )

#2F4F4F

( DarkSlateGray )

#00CED1

( DarkTurquoise )

#9400D3

( DarkViolet )

#FF1493

( DeepPink )

#00BFFF

( DeepSkyBlue )

#696969

( DimGray )

#696969

( DimGrey )

#1E90FF

( DodgerBlue )

#B22222

( FireBrick )

#FFFAF0

( FloralWhite )

#228B22

( ForestGreen )

#FF00FF

( Fuchsia )

#DCDCDC

( Gainsboro )

#F8F8FF

( GhostWhite )

#FFD700

( Gold )

#DAA520

( GoldenRod )

#808080

( Gray )

#008000

( Green )

#ADFF2F

( GreenYellow )

#F0FFF0

( HoneyDew )

#FF69B4

( HotPink )

#CD5C5C

( IndianRed )

#4B0082

( Indigo )

#FFFFF0

( Ivory )

#F0E68C

( Khaki )

#E6E6FA

( Lavender )

#FFF0F5

( LavenderBlush )

#7CFC00

( LawnGreen )

#FFFACD

( LemonChiffon )

#ADD8E6

( LightBlue )

#F08080

( LightCoral )

#E0FFFF

( LightCyan )

#FAFAD2

( LightGoldenRodYellow )

#D3D3D3

( LightGray )

#90EE90

( LightGreen )

#FFB6C1

( LightPink )

#FFA07A

( LightSalmon )

#20B2AA

( LightSeaGreen )

#87CEFA

( LightSkyBlue )

#778899

( LightSlateGray )

#B0C4DE

( LightSteelBlue )

#FFFFE0

( LightYellow )

#00FF00

( Lime )

#32CD32

( LimeGreen )

#FAF0E6

( Linen )

#FF00FF

( Magenta )

#800000

( Maroon )

#66CDAA

( MediumAquaMarine )

#0000CD

( MediumBlue )

#BA55D3

( MediumOrchid )

#9370D8

( MediumPurple )

#3CB371

( MediumSeaGreen )

#7B68EE

( MediumSlateBlue )

#00FA9A

( MediumSpringGreen )

#48D1CC

( MediumTurquoise )

#C71585

( MediumVioletRed )

#191970

( MidnightBlue )

#F5FFFA

( MintCream )

#FFE4E1

( MistyRose )

#FFE4B5

( Moccasin )

#FFDEAD

( NavajoWhite )

#000080

( Navy )

#FDF5E6

( OldLace )

#808000

( Olive )

#6B8E23

( OliveDrab )

#FFA500

( Orange )

#FF4500

( OrangeRed )

#DA70D6

( Orchid )

#EEE8AA

( PaleGoldenRod )

#98FB98

( PaleGreen )

#AFEEEE

( PaleTurquoise )

#D87093

( PaleVioletRed )

#FFEFD5

( PapayaWhip )

#FFDAB9

( PeachPuff )

#CD853F

( Peru )

#FFC0CB

( Pink )

#DDA0DD

( Plum )

#B0E0E6

( PowderBlue )

#800080

( Purple )

#FF0000

( Red )

#BC8F8F

( RosyBrown )

#4169E1

( RoyalBlue )

#8B4513

( SaddleBrown )

#FA8072

( Salmon )

#F4A460

( SandyBrown )

#2E8B57

( SeaGreen )

#FFF5EE

( SeaShell )

#A0522D

( Sienna )

#C0C0C0

( Silver )

#87CEEB

( SkyBlue )

#6A5ACD

( SlateBlue )

#708090

( SlateGray )

#708090

( SlateGrey )

#FFFAFA

( Snow )

#00FF7F

( SpringGreen )

#4682B4

( SteelBlue )

#D2B48C

( Tan )

#008080

( Teal )

#D8BFD8

( Thistle )

#FF6347

( Tomato )

#40E0D0

( Turquoise )

#EE82EE

( Violet )

#F5DEB3

( Wheat )

#FFFFFF

( White )

#F5F5F5

( WhiteSmoke )

#FFFF00

( Yellow )

#9ACD32

( YellowGreen )

よい色を使ってくださいね。

Web サイト、ブログ関連の記事一覧はこちらをクリック！

―― 今日のおみくじ ――

第 51 番

今日のメッセージ

余の辞書に不可能という言葉はないらしい。その辞書、不良品じゃん。

一番上に戻る（Back to the initial position on click.）

トップページ（Home.）

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記