Web サイト関連ノウハウ

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


カラーコード早見表

カラーコードを打ち込んで(または RGB をスライダーで)確認できるページです。

はじめに

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

自動コピーの 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」は定義が重複しているので1個のみ記載)

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



#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 サイト、ブログ関連の記事一覧はこちらをクリック!










ブログランキング・にほんブログ村へ  




Presented By Irojiro Haraguro .Com