MENU
  1. ホーム
  2. Web サイト関連ノウハウ
  3. ブログで使う【色】【カラーコード】サンプル・早見表・色見本・カラーピッカー

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

Web サイト関連ノウハウ

広告：ページ内にてアフィリエイト広告を利用しています。

カラーコード早見表（色を探す）

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

本記事では、カラーコード集と、カラーコードからの色の逆引きを紹介します。素敵な WEB サイトを作ってくださいね。

＼自宅でする副業で月に〇万円の収入増があると嬉しすぎる！／

ココナラ副業を始めよう

【記事】ココナラで成功する方法はこちら

実際に４か月でプラチナランク（売り上げ10万円以上）を達成した筆者が、ココナラで成功する方法を詳しく解説します。こちら をクリックしてください

目次
PR

はじめに

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

自動コピーの 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 標準のカラーパレットで利用されている色です。

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

テーマの色

#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 )

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

【自宅で出来る・一人で出来る】ブログ・アフィリエイトで始める副業

ブログ

比較的安定した収入がある会社員が、月々プラスアルファの収入を得たいと思った時に最もおすすめしたい副業は「ブログ・アフィリエイト」です。

「ブログ・アフィリエイト」とは、自分のブログを開設し企業の広告を貼ることで、読者が広告をクリックして商品を購入した場合に紹介報酬が手に入る副業です。

アフィリエイトの仕組み

人気の出るサイトであれば、大きな収益が期待できることも。ストック型の収益モデルのため、作業時間以上に収益をあげられる可能性がある副業です。定年して会社を退職した後も、収入を確保し続けることができます。

ブログ・アフィリエイトの始め方がわからない場合でも手順通りやれば大丈夫、具体的な手順は こちらを参照 してください。

＼１日早く始めれば、１日早く収入が増える／

ブログ・アフィリエイトの始め方はこちらから

プラスアルファの人生は、始めなければ始まらない

あわせて読みたい
【2025年最新】AI×アフィリエイトスクールで成果を最速化！ATUS(ええタス)がパワーアップ 生成AI時代のアフィリエイトを最速習得！ATUSの最新カリキュラム・料金・AI専用ツールを徹底解説。無料説明会で使いこなし方を体験。

40代・50代「会社員におすすめ」の在宅でできる副業５選

ドンドン！副業情報局
40代・50代「会社員におすすめ」の在宅でできる副業５選（初心者でもできる） | ドンドン！副業情報局 ４０代・５０代の会社員、今の給料で満足して生活できていますか？さらに、老後に不安なく貯金できていますか？４０代、５０代だからこそ気が付く、不安に思う将来設計、し...

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選

ドンドン！副業情報局
20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選（初心者でもできる） | ドンドン！副業情... ２０代、３０代の主婦にとって、これからの人生設計、お金は心配ごとの一つです。２０代、３０代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い（ま...

地方がチャンスのおすすめ副業を紹介！

ドンドン！副業情報局
【2025年チャンス】地方で副業のおすすめ。在宅、快適、移住先、ノマドを紹介 | ドンドン！副業情報局 都会は住みにくい！地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネックですね。そこで是非お勧...
この副業
アフィリエイトスクール
ノートパソコン

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

どんどん情報局

本サイトは「どんどん情報局」が運営しています。

著作者：Boon ☆

どんどん情報局はメディア記事の執筆を通して世の中に有益な情報を発信することを心がけています。

「どんどん情報局」の紹介はこちら

PR

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

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

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

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

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

Web サイト関連ノウハウ

関連記事

目次