色の森：カラーコードの辞典

カマキリの茶色 -- #d0d0d0

夏に子供が必死になって探すカマキリ。茶色いカマキリのカラーコードは？　そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

写真をクリックしてその周辺のカラーコードを表示

いいね！ nice! 14
この画像のカラーコードが見たい場所をクリックしてください

#d0d0d0


クリックしたポイント周辺のカラーコード
9e
9e
9e		a7
a7
a7		b0
b0
b0		6a
6a
6a		53
53
53		27
27
27		57
57
57		6c
6c
6c
a3
a3
a3		91
91
91		c2
c2
c2		ab
ab
ab		5b
5b
5b		35
35
35		2d
2d
2d		77
77
77
9a
9a
9a		90
90
90		b7
b7
b7		c0
c0
c0		45
45
45		48
48
48		1b
1b
1b		75
75
75
8c
8c
8c		9a
9a
9a		9f
9f
9f		bc
bc
bc		71
71
71		32
32
32		38
38
38		42
42
42
8a
8a
8a		a1
a1
a1		92
92
92		b4
b4
b4		d0
d0
d0		49
49
49		49
49
49		3b
3b
3b
95
95
95		a0
a0
a0		95
95
95		a7
a7
a7		e3
e3
e3		96
96
96		4f
4f
4f		59
59
59
a1
a1
a1		9d
9d
9b		9b
9b
9b		98
98
96		aa
aa
aa		c5
c5
c3		67
67
67		56
56
54
59
59
57		9e
9f
9a		74
74
72		8e
8f
8a		99
99
97		c7
c8
c3		a8
a8
a6		45
46
41




グラデーションカラーコード


f3f3f3
f0f0f0
eeeeee
ececec
e9e9e9

e7e7e7
e5e5e5
e2e2e2
e0e0e0
dedede

dbdbdb
d9d9d9
d7d7d7
d4d4d4
d2d2d2

c5c5c5
bbbbbb
b0b0b0
a6a6a6
9c9c9c

919191
878787
7c7c7c
727272
686868

5d5d5d
535353
484848
3e3e3e
343434



おすすめカラーパターン

> フォーマルな服

フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。

#756d74
Lite suits
#3a3c4c
Basic Navy
#504548
Basic Charcoal
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色

#bdb8c9
Silver
#d8d6de
Lavender blue
#756c91
Basic tie
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要

#997663
Creator brown
#1b2249
Accent navy
#d2ddf1
Lite lite blue
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ


Dot









Checkered pattern









stripe











カラーコードを写真からワンクリックで取得する一覧

#f4ece9
#fcffff
#dfe4e7
#c0cde0
#bfbbbc
#fef3ed
#f4f1ec
#dfdcd5
#faf9fe
#ffffff


#f3e2aa
#a3b1b1
#d9e6ef
#fbf7f4
#d1c7be
#f2e8f0
#bcc7cb
#f5f5f5
#ffffec
#c1cbce


#dae1e7
#f5b3b7
#facda6
#fffff5
#fdf4f7
#b2a1cd
#f3f3eb
#edeee8
#ced8cd
#f6ebd7


#c8d0a1
#fffff4
#acc0be
#f5f0d2
#f3deaf
#d5d6d0
#f4f4f4
#dfe2e9
#d8d1c1
#cdbfbe


#f5f1ee
#c6e2e3
#a1b3cb
#c3d5eb
#eeeff3
#d9dee1
#dfe1de
#b7a2cb
#fee9ce
#a4b1c1


#c5d6e6
#bcbbc9
#fffffa
#ffd4ff
#fefefe
#e4e5e9
#aae6e4
#f3dabb
#fefffd
#c5bbba


#f2bdc7
#adb2b8
#b4c6da
#c3effa
#c6b6a9
#c0c6c4
#ccd0d9
#e0e4ef
#a7bdd5
#a5adb8


#c8c7c2
#bbebf7
#cac5c2
#f4ebdc
#b4c3be
#e4e0d7
#e7ddd1
#bfb3a3
#ecc8b2
#efdfbd


#dad9d5
#fff0e6
#fffffb
#efe6e7
#c7dfdf
#eee7e1
#dfe6ec
#ccf3f8
#d6d6d6
#f7e7ce


#c0f0fa
#a9fffe
#d1d2d6
#afafaf
#a2bad4
#a9adac
#fcf8ec
#fffbfd
#e6ddcc
#cbb2ab


#e9e9e9
#bdb9ae
#bad4ef
#dccbbb
#fdf6ec
#bbb4ac
#ccc1af
#d5a9ff
#d3ceca
#c7b29f


#abbcc3
#e2f0fd
#d7e0f1
#dfe0e4
#c4c2c3
#b2b2b0
#d2cbc3
#fff7ee
#f7f0d4
#ded9d3


#c1c1cb
#fce4b8
#c6dbf6
#cde8c5
#9fadb0
#a8c3e1
#efe7d0
#eeeadf
#afb3bc
#fffdf8


#cfcfd1
#dfdbe9
#dcddcf
#cbdac5
#bdc6cb
#ceb5ae
#fcffff
#d6d0c4
#c1bab4
#fff0e2


#a3b4be
#bcb2a9
#b0c3e3
#f7efed
#ffc0d5
#dba5b2
#bed4e9
#bdced8
#faa4d3
#d2e7ec


#bccccb
#eeddbf
#afafaf
#dae1e9
#dde2ff
#e6e5e0
#fffffa
#ded5b4
#a7b8d2
#a3feff


#fbe4c2
#bbbcbe
#e9cbaf
#e0d8c3
#f2ddcc
#f5f2ed
#fffbf8
#ebe8d5
#d8c5c7
#f9ffff


#a1a1a3
#fdfac3
#fff8ba
#bae0a5
#ffe4e9
#fffff2
#fefaf1
#d0ccc9
#fadeb6
#d6b9fc







カラーコードを写真からワンクリックで取得する一覧




CSS作成

				.colord0d0d0{
	color : #d0d0d0;
}

CSSの利用例

<span class="colord0d0d0">
This color is #d0d0d0.
</span>


HTML上にstyleで直接書く

	<span style="color:#d0d0d0">
	この色は #d0d0d0.
	</span>


CSSの適用
この色は #d0d0d0.



RGB（３原色）の値

R : 208
G : 208
B : 208






トップに戻る

Color Floresta.

Language list