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

雨上がりの空と雲の色 -- #c3d5eb

雨の日に、ホテルでのんびりと過ごしていると、とうとう雨が止んできて、少しずつ晴れ間が見えてきました。ちょっとずつ風景も明るくなって、霧がかかったように見えていた山の緑も、だんだんとくっきり見えてきました。そんな、雨上がりの空と雲とその風景のカラーコードは？　そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#c3d5eb


クリックしたポイント周辺のカラーコード
c7
d6
eb		c6
d7
eb		c7
d8
ec		c7
d9
ed		c6
d8
ec		c3
d8
eb		c1
d6
e9		c4
d6
ee
c6
d7
eb		c6
d7
eb		c8
d9
ed		cb
dc
f0		cb
dc
f0		c9
da
ee		c5
d6
ea		c8
d9
ed
c7
d8
ec		c6
d7
eb		c8
d9
ed		cb
dc
f0		cc
dd
f1		ca
db
ef		c7
d8
ec		c7
d8
ec
c2
d4
e8		c3
d5
e9		c5
d7
eb		c8
da
ee		c8
da
ee		c6
d8
ec		c4
d6
ea		c4
d6
ea
bd
cf
e5		be
d0
e6		c0
d2
e8		c2
d4
ea		c3
d5
eb		c1
d3
e9		bf
d1
e7		c1
d3
e7
b8
cd
e2		b9
ce
e3		bb
d0
e5		bd
d2
e7		bd
d2
e7		bb
d0
e5		ba
cf
e4		bc
d1
e4
b9
cd
e5		ba
ce
e6		bb
cf
e7		bc
d0
e8		bb
cf
e7		ba
ce
e6		b9
cd
e5		b8
cd
e0
b9
cd
e5		ba
ce
e6		ba
ce
e6		ba
ce
e6		b9
cd
e5		b7
cb
e3		b7
cb
e3		b4
c9
dc




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


f0f4fa
edf2f9
eaf0f8
e7eef7
e4ecf6

e1eaf5
dee7f4
dbe5f3
d8e3f2
d5e1f1

d2dff0
cfddef
ccdbee
c9d9ed
c6d7ec

b9cadf
afbfd3
a5b5c7
9caabc
929fb0

8895a4
7e8a98
757f8d
6b7581
616a75

575f69
4e555e
444a52
3a3f46
30353a



おすすめカラーパターン

> 朝焼けの富士山

世界を代表する美しい山、富士山。朝に見せるその神々しい輝きは、誰をも魅了する。

#eb6137
Dawn orange
#f18d1d
Sunrise glow
#7d93ba
Ridge gray
曙色。美しい朝焼けの淡いオレンジ
夜明けの瞬間に光り輝くオレンジ
朝焼けに見る山の影を思わせる、ブルーグレー

#3362a8
Heavenly blue
#8489b6
Early morning
#404a72
Blue shadow
天色（あまいろ）晴天の澄んだ空を思わせる鮮やかなブルー
太陽が出る前の青白い空のブルー
青い影。青とのコントラストが映える紺色

#ccdfef
Cloud sea
#f8e9d1
Warm white
#a1c3e7
Clear blue
富士山の裾野に広がる、海のような雲の色
夜明けの空の、少しオレンジがかったホワイト
澄んだ透き通るような透明感のあるブルー


Dot









Checkered pattern









stripe











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

#f4ece9
#dfe4e7
#c0cde0
#bfbbbc
#f4f1ec
#dfdcd5
#d9e6ef
#d1c7be
#f2e8f0
#bcc7cb


#c1cbce
#dae1e7
#f3f3eb
#edeee8
#ced8cd
#acc0be
#d5d6d0
#f4f4f4
#dfe2e9
#d8d1c1


#98badd
#cdbfbe
#c6e2e3
#a1b3cb
#c3d5eb
#eeeff3
#d9dee1
#dfe1de
#a4b1c1
#c5d6e6


#bcbbc9
#9ef1ff
#e4e5e9
#aae6e4
#f3dabb
#c5bbba
#f2bdc7
#b4c6da
#c3effa
#c0c6c4


#ccd0d9
#e0e4ef
#a7bdd5
#c8c7c2
#bbebf7
#cac5c2
#f4ebdc
#b4c3be
#e4e0d7
#e7ddd1


#efdfbd
#dad9d5
#efe6e7
#c7dfdf
#eee7e1
#dfe6ec
#ccf3f8
#d6d6d6
#c0f0fa
#a9fffe


#d1d2d6
#a2bad4
#e6ddcc
#e9e9e9
#bad4ef
#dccbbb
#d5a9ff
#d3ceca
#abbcc3
#e2f0fd


#d7e0f1
#dfe0e4
#c4c2c3
#d2cbc3
#ded9d3
#c1c1cb
#c6dbf6
#cde8c5
#a8c3e1
#efe7d0


#eeeadf
#afb3bc
#cfcfd1
#dfdbe9
#dcddcf
#cbdac5
#bdc6cb
#d6d0c4
#a3b4be
#b0c3e3


#9bbed4
#bed4e9
#bdced8
#d2e7ec
#bccccb
#eeddbf
#9df6fe
#dae1e9
#dde2ff
#e6e5e0


#a7b8d2
#a3feff
#bbbcbe
#e0d8c3
#f2ddcc
#ebe8d5
#d8c5c7
#d0ccc9
#d6b9fc





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




CSS作成

				.colorc3d5eb{
	color : #c3d5eb;
}

CSSの利用例

<span class="colorc3d5eb">
This color is #c3d5eb.
</span>


HTML上にstyleで直接書く

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


CSSの適用
この色は #c3d5eb.



RGB（３原色）の値

R : 195
G : 213
B : 235






トップに戻る

Color Floresta.

Language list