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

大きくて不揃いな石の板を組み合わせて作られた道の色 -- #d1d2d6

大きな水族館、シーパラダイスでは、水族館の外の道も、広くて綺麗です。そんな仲、この写真のように、大きくて不揃いな石の板を、うまく組み合わせて、まっすぐな道を作っているところを見つけました。不揃いな石ですが、凸凹することもなく、しっかりと水平に作られた道。こんな道を作るのは、大変だろうと、つい石のパズルのような配置に見入ってしまいます。そんな、大きくて不揃いな石の板をくみ合わせて作られた道のカラーコードは? そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#d1d2d6


クリックしたポイント周辺のカラーコード
b7
b8
b3
aa
ac
9e
91
95
7a
9d
a3
81
85
8c
6a
a2
a8
8c
af
b3
a2
a7
ab
9d
bd
bf
b4
cc
cd
c8
c6
c5
cb
c1
bf
cc
d8
d9
db
cc
cd
cf
d5
d7
d6
e1
e3
e2
93
99
73
96
9d
74
95
9b
75
8f
95
71
b2
b5
ae
99
9d
8e
96
9c
82
99
a0
7f
7c
81
61
56
5e
2d
5a
64
25
62
6e
24
5b
62
41
7a
82
5d
91
9a
6d
92
9c
68
ae
af
a9
aa
ab
a3
b2
b4
a7
9e
a1
90
a9
ae
9a
b1
b5
a4
a4
a8
99
aa
ae
9f
aa
b0
8e
c6
ca
b3
d8
da
cf
cc
cc
ca
a6
ab
97
bc
c0
b2
b8
bb
b4
a8
aa
a7
92
9a
6b
79
80
54
82
89
60
99
9f
7b
7f
86
64
a2
a9
87
b6
bd
9c
ba
c1
a2
b3
b3
b3
9f
a0
9b
96
98
8a
94
97
84
8d
94
75
8d
94
72
79
81
58
85
8e
63




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


f3f3f4

f1f1f2

eeeff0

ecedee

eaeaec

e8e8ea

e5e6e8

e3e4e6

e1e1e4

dedfe2

dcdde0

dadbde

d7d8dc

d5d6da

d3d4d8

c6c7cb

bcbdc0

b1b2b5

a7a8ab

9c9da0

929395

87888b

7d7e80

727375

68696b

5e5e60

535455

49494a

3e3f40

343435



おすすめカラーパターン

> フォーマルな服

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

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

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

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


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


#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
#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
#abbcc3
#e2f0fd
#d7e0f1


#dfe0e4
#c4c2c3
#b2b2b0
#d2cbc3
#fff7ee
#f7f0d4
#ded9d3
#c1c1cb
#fce4b8
#c6dbf6


#cde8c5
#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
#fdfac3
#fff8ba
#bae0a5
#ffe4e9


#fffff2
#fefaf1
#d0ccc9
#fadeb6
#d6b9fc





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




CSS作成

				.colord1d2d6{
	color : #d1d2d6;
}
				

CSSの利用例

<span class="colord1d2d6">
This color is #d1d2d6.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #d1d2d6.



RGB(3原色)の値

R : 209
G : 210
B : 214






トップに戻る

Color Floresta.

Language list