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

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 )

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

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

: 40代・50代「会社員におすすめ」の在宅でできる副業５選（初心者でもできる）

４０代、５０代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では４０代、５０代におすすめの副業５選を紹介します。

続きを見る

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

: 20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選（初心者でもできる）

２０代、３０代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。２０代、３０代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い（または少ない）主婦におすすめの副業ができれば安心ですね。記事では、２０代、３０代専業主婦におすすめの副業３選を紹介します。

続きを見る

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

: 【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介！快適な移住先も紹介します

都会は住みにくい！地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす！おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る