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

古びた木のベンチの色 -- #d4d4d4

今にも朽ち果てそうな、古びた木のベンチ。こんな木のカラーコードは? そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#d4d4d4


クリックしたポイント周辺のカラーコード
ba
ba
ba
c1
c1
c1
ca
ca
ca
cf
cf
cf
df
df
df
e2
e2
e2
db
db
db
d7
d7
d7
dc
dc
dc
d9
d9
d9
d2
d2
d2
ca
ca
ca
d6
d6
d6
e0
e0
e0
df
df
df
de
de
de
d6
d6
d6
dc
dc
dc
de
de
de
da
da
da
ed
ed
ed
f3
f3
f3
e7
e7
e7
de
de
de
d6
d6
d6
de
de
de
e7
e7
e7
ed
ed
ed
ed
ed
ed
ea
ea
ea
e5
e5
e5
e0
e0
e0
ce
ce
ce
d2
d2
d2
d6
d6
d6
d9
d9
d9
d4
d4
d4
d5
d5
d5
d8
d8
d8
dd
dd
dd
d4
d4
d4
d9
d9
d9
dc
dc
dc
de
de
de
dd
dd
dd
df
df
df
e0
e0
e0
e2
e2
e2
e3
e3
e3
e2
e2
e2
e0
e0
e0
df
df
df
db
db
db
de
de
de
e3
e3
e3
e7
e7
e7
ef
ef
ef
ec
ec
ec
e9
e9
e9
e6
e6
e6
db
db
db
df
df
df
e4
e4
e4
ea
ea
ea




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


f4f4f4

f2f2f2

efefef

ededed

ebebeb

e9e9e9

e7e7e7

e5e5e5

e3e3e3

e0e0e0

dedede

dcdcdc

dadada

d8d8d8

d6d6d6

c9c9c9

bebebe

b4b4b4

a9a9a9

9f9f9f

949494

898989

7f7f7f

747474

6a6a6a

5f5f5f

545454

4a4a4a

3f3f3f

353535



おすすめカラーパターン

> フォーマルな服

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

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

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

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


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
#f3f3eb
#edeee8
#ced8cd
#f6ebd7
#fffff4


#acc0be
#f5f0d2
#f3deaf
#d5d6d0
#f4f4f4
#dfe2e9
#d8d1c1
#cdbfbe
#f5f1ee
#c6e2e3


#c3d5eb
#eeeff3
#d9dee1
#dfe1de
#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


#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作成

				.colord4d4d4{
	color : #d4d4d4;
}
				

CSSの利用例

<span class="colord4d4d4">
This color is #d4d4d4.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #d4d4d4.



RGB(3原色)の値

R : 212
G : 212
B : 212






トップに戻る

Color Floresta.

Language list